Jak zmienić wartość logiczną na kliknięcia w kątowym 2 komponentu

Question

Jak podłączyć przycisk do zmiany wartości w [codeOnly] Wartości w dyrektywach pod nią?

Używam kątowa 2.4.10 w maszynopisie.

<button class="btn btn-primary"> 
    Click me to change all of the [codeOnly] values below to true 
</button> 

<app-header [codeOnly]='false'></app-header> 

<app-power-bi-wrapper [codeOnly]='false'></app-power-bi-wrapper> 

<app-power-bi-wrapper-mobile [codeOnly]='false'></app-power-bi-wrapper-mobile> 

<app-page-title [codeOnly]='false'></app-page-title> 

<app-page-title-nav [codeOnly]='false'></app-page-title-nav> 

Answer 1

W składniku, który zawiera HTML dodać

isFoo:boolean = false; 

następnie zmienić HTML

<button class="btn btn-primary" (click)="isFoo = true" > 
    Click me to change all of the [codeOnly] values below to true 
</button> 

<app-header [codeOnly]='isFoo'></app-header> 

<app-power-bi-wrapper [codeOnly]='isFoo'></app-power-bi-wrapper> 

<app-power-bi-wrapper-mobile [codeOnly]='isFoo'></app-power-bi-wrapper-mobile> 

<app-page-title [codeOnly]='isFoo'></app-page-title> 

<app-page-title-nav [codeOnly]='isFoo'></app-page-title-nav> 

lub przełączyć

<button class="btn btn-primary" (click)="isFoo = !isFoo" > 
    Click me to change all of the [codeOnly] values below to true 
</button>