Angular2：@Inputにbooleanを渡します。

Question

私はangular2に再利用可能なコンポーネントを書きます。親コンポーネントでは、私はこのようなテンプレートに含めて子供に@Inputの値を設定することができます：予想通り

<child-component #logoutModal [button1Text]="'Do Something Groovy'" 
    [showbutton1]="false"></child-component' 

テキストは、{{ button1Text }}を使用して、子に補間されます。しかし、上記のブール値の場合、値はテンプレートに渡されません。子コンポーネントのテンプレートで{{showButton1}}を実行すると、@Inputデコレータを使用して子クラスに設定されているデフォルト値であるtrueが表示されます。

編集：ここで私は、子コンポーネントのデフォルト値を設定する方法は次のとおりです。

export class ChildComponent implements AfterViewInit { 
    // default values 
    @Input() public showButton1: boolean = true; 
    @Input() public button1Text: string = 'OK'; 
    //.. 

どのように私は親コンポーネントからこのブール値を設定/上書きしますか？ありがとう！

Answer 1

それは（大文字B - Angular2テンプレートは大文字と小文字が区別されます）

[showButton1] 

代わりの

[showbutton1] 

でなければなりません