angle.js - Wofür wird der Selektor in der AngularJS 4-Komponente verwendet?

Question

@Component({
Selektor: 'hero-detail',
Vorlage: `
<p *ngIf="hero">

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

</p>
`
})
Wofür wird der Selektor verwendet?

Answer 1

selector就是template的容器

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