angular.js - angularjs 4 组件中的selector是干什么用的？

问题描述

问 题

@Component({
selector: 'hero-detail',
template: `
<div *ngIf="hero">

    <h2>{{hero.name}} details!</h2>
    <div><label>id: </label>{{hero.id}}</div>
    <div>
      <label>name: </label>
      <input [(ngModel)]="hero.name" placeholder="name"/>
    </div>

</div>
`
})
中的selector是干什么用的？

解决方案

selector就是template的容器

这边selector是hero-detail，那么下面的template会显示在<hero-detail></hero-detail>这样的容器中

这篇关于angular.js - angularjs 4 组件中的selector是干什么用的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！