在组件模板中绑定@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。