@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是干什么用的？
selector就是template的容器这边
selector是hero-detail，那么下面的template会显示在<hero-detail></hero-detail>这样的容器中