try 在constructor或ngOnInit中获取组件的@Input值.但它一直都是undefined.
我用console.log更新了hero plunker以显示问题(beta).
export class HeroDetailComponent implements OnInit {
constructor(){
console.log('hero', this.hero)
}
public hero: Hero;
ngOnInit() {
console.log('hero', this.hero)
}
}
我做错了什么？
在ngOnInit中未定义的原因是，在初始化组件时，您实际上没有传入Hero对象
<my-hero-detail [hero]="selectedHero"></my-hero-detail>
此时，selectedHero在AppComponent中没有任何值，直到列表上的click事件调用onSelect方法，selectedHero才会有值
Edit:抱歉，我意识到我实际上没有提供解决方案.如果你把ngIf加到my-hero-detail
<my-hero-detail *ngIf="selectedHero" [hero]="selectedHero"></my-hero-detail>
您应该知道这将延迟my-hero-detail组件的初始化，并且您应该会看到控制台输出.然而，当所选英雄改变时，此wont再次输出.