Angular ngIf未通过组件方法更新_程序开发

创始人

2024-10-14 12:01:06

0次

在Angular中，*ngIf指令可以通过组件的方法来更新。以下是一种解决方法：

首先，在你的组件中创建一个公共的布尔类型的变量，用于控制*ngIf指令的显示与隐藏。例如：

public isVisible: boolean = false;

public toggleVisibility(): void {
  this.isVisible = !this.isVisible;
}

接下来，在模板中使用该变量来控制*ngIf指令的显示与隐藏。例如：




  This is a div element.

这样，当你点击按钮时，toggleVisibility()方法会被调用，从而更新isVisible变量的值。这将导致*ngIf指令的显示与隐藏状态发生变化，进而更新模板中相应的元素。

请注意，当你使用组件方法来更新*ngIf指令时，确保在组件中正确定义了该方法，并且将其绑定到模板中的适当事件上，以便在调用该方法时可以触发更新。

wepoker辅助插件功能!h... wepoker辅助插件功能!hhpoker辅助软件是真的么(透视)教程-竟然必备有挂1、起透看视 h...

红龙poker辅助!wepok... 红龙poker辅助!wepoker软件靠谱么(透视)神器-其实详情是有挂1、wepoker软件靠谱么...

hhpoker的辅助是真的吗!... hhpoker的辅助是真的吗!aapoker透视脚本入口(透视)工具-一直详细有挂1、hhpoker...

约局吧德州透视!aapoker... 约局吧德州透视!aapoker辅助器是真的吗(透视)app-都是分享真的是有挂1、玩家可以在aapo...

wejoker黑侠辅助器!we... wejoker黑侠辅助器!wepoker祈福有用吗(透视)软件-一直专业真的有挂1.wepoker祈...

wepoker科技辅助器!HH... wepoker科技辅助器!HH平台挂(透视)app-一直专业存在有挂1、进入游戏-大厅左侧-新手福利...

hhpkoer辅助器!werp... hhpkoer辅助器!werplan怎么透视(透视)攻略-竟然教你是真的挂1、每一步都需要思考，不同...

wepoker透视脚本视频!a... wepoker透视脚本视频!aapoker免费透视脚本(透视)app-切实透视真的是有挂1、aapo...

德普之星透视辅助软件激活码!a... 德普之星透视辅助软件激活码!aapoker怎么提高中牌率(透视)神器-竟然辅助是真的挂1、让任何用户...

wepoker透视底牌脚本!红... wepoker透视底牌脚本!红龙poker透视指令(透视)器-本来分享存在有挂；1、许多玩家不知道w...