Angular2：将布尔值传递给@Input

Question

我正在用angular2编写一个可重用组件。在父组件中，我可以通过将@Input包含在模板中来设置子组件中的值，如下所示：

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

按照预期，使用< code>{{ button1Text }}将文本插入到子元素中。但是，对于上面的布尔值，该值不会传递到模板中。如果我在子组件的模板中执行< code>{{showButton1}}，它将显示< code>true，这是使用< code>@Input装饰器在子组件的类中设置的默认值。

编辑:下面是我如何在子组件中设置默认值:

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

如何从父组件重写/设置此布尔值？谢谢

Answer 1

应该是

[showButton1]

而不是

[showbutton1]

(大写< code>B - Angular2模板区分大小写)