JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何在角度2组件中单击时更改布尔值大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何连接按钮以更改其下方指令中[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>

大佬总结

以上是大佬教程为你收集整理的javascript – 如何在角度2组件中单击时更改布尔值全部内容,希望文章能够帮你解决javascript – 如何在角度2组件中单击时更改布尔值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。