angular.js - What is the selector in the angularjs 4 component used for?

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>
`
})
What is the selector used for?

Answer 1

selector is the container of template

The selector here is hero-detail, then the following template will be displayed in a container like <hero-detail></hero-detail>