在組件模板中綁定@Input（）字段

Question

我有這樣的組件：

@Component({
  selector: 'foo',
  template: '<h1>{{bar}}</h1>'
})
export class FooComponent {
  @Input()
  bar: string;
}

現在我想在其他地方使用這個組件（假設一切都配置正確）：

<foo [bar]="Test"></foo>

輸出是：

<h1></h1>

你知道為什么嗎？ 為什么@Input()字段不能綁定在它的組件模板中？

版本：Angular 2.0最終版本

Answer 1

它應該是

<foo [bar]="'Test'"></foo>

要么

<foo bar="Test"></foo>

否則將分配父組件的屬性Test的值，這可能是undefined 。