バインド@Input（）フィールドコンポーネントテンプレート

Question

に私はこのようなコンポーネントがあります。

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

今、私は（すべてが正しく設定されていると仮定して）どこか、このコンポーネントを使用したい：

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

を

出力は次のようになります。

<h1></h1> 

は理由を知っていますか？ @Input()フィールドをコンポーネントテンプレートにバインドできないのはなぜですか？

バージョン：角2.0最終リリースは

Answer 1

それはおそらくundefinedある

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

あるいは親コンポーネントのプロパティTestの値が代入されます

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

、する必要があります。