如何连接按钮以更改其下方指令中[codeOnly]值的值?
我在打字稿中使用Angular 2.4.10.
- <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>
解决方法
在包含HTML添加的组件中
- isFoo:boolean = false;
然后将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>
或切换
- <button class="btn btn-primary" (click)="isFoo = !isFoo" >
- Click me to change all of the [codeOnly] values below to true
- </button>