Подтвердить что ты не робот

Angular2: передать boolean в @Input

Я пишу повторно используемый компонент в angular2. В родительском компоненте я могу установить значение @Input в дочернем элементе, включив его в шаблон следующим образом:

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

Текст интерполируется в дочерний элемент, используя {{ button1Text }}, как и ожидалось. Однако для булева выше значение не передается в шаблон. Если я делаю {{showButton1}} в шаблоне дочернего компонента, он отображает true, который является значением по умолчанию, установленным в дочернем классе, с помощью декоратора @Input.

EDIT: здесь, как я установил значения по умолчанию в дочернем компоненте:

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

Как переопределить/установить это логическое значение из родительского компонента? Спасибо!

4b9b3361

Ответ 1

Это должно быть

[showButton1]

вместо

[showButton1]

(заглавные B - Angular2 шаблоны чувствительны к регистру)