Я пишу повторно используемый компонент в 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';
//..
Как переопределить/установить это логическое значение из родительского компонента? Спасибо!