navigationend - Angular2: pase booleano a @Input

router angular navigationend

Question

Estoy escribiendo un componente reutilizable en angular2. En el componente principal, puedo establecer el valor de @Input en el elemento secundario al incluirlo en la plantilla de esta manera:

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

El texto se interpola en el elemento secundario utilizando {{ button1Text }} , como se esperaba. Sin embargo, para el booleano anterior, el valor no se pasa a la plantilla. Si hago {{showButton1}} en la plantilla del componente hijo, se muestra true , que es el valor predeterminado establecido en la clase del niño usando el decorador @Input .

EDITAR: así es como configuro los valores predeterminados en el componente secundario:

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

¿Cómo anulo / establezco este valor booleano del componente principal? ¡Gracias!

Answer 1

Debería ser

[showButton1]

en lugar de

[showbutton1]

(mayúsculas B : las plantillas Angular2 distinguen entre mayúsculas y minúsculas)