angular.js - angularjs 4 元件中的selector是做什麼用的？

Question

@Component({
selector: 'hero-detail',
template: `
<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>
`
})
中的selector是做什麼用的？

Answer 1

selector就是template的容器

這邊selector是hero-detail，那麼下面的template會顯示在這樣的容器中