Angular ngIf移除了输入的已选值
创始人
2024-10-20 08:30:09
0次
在Angular中，ngIf指令用于根据表达式的值来添加或移除DOM元素。如果在ngIf指令中输入的值发生改变，已选值将被移除。
以下是一个示例解决方案：
在组件的HTML模板中，使用ngIf指令和一个变量来控制DOM元素的显示/隐藏：
{{selectedValue}}
在组件的Typescript文件中，定义一个变量来控制showElement的值，并提供一个方法来更新selectedValue：
export class AppComponent {
showElement: boolean = true;
selectedValue: string = '已选值';
updateSelectedValue(newValue: string) {
this.selectedValue = newValue;
}
}
通过调用updateSelectedValue方法来更新selectedValue的值，这将导致ngIf指令重新计算并移除已选值。
在组件的HTML模板中，添加一个按钮来调用updateSelectedValue方法：
这样，当点击按钮时，已选值将被移除，并显示新的已选值。
相关内容
热门资讯
七分钟了解!奇迹陕西游戏辅助!...
七分钟了解!奇迹陕西游戏辅助!其实一直总是有辅助app(有挂实锤)-哔哩哔哩1、下载好奇迹陕西游戏辅...
第6分钟了解!决战十三水免费辅...
第6分钟了解!决战十三水免费辅助!切实真的是有辅助工具(有挂讲解)-哔哩哔哩1）决战十三水免费辅助免...
一分钟了解!广东雀神祈福真的有...
一分钟了解!广东雀神祈福真的有用挂!其实真的有辅助插件(有挂秘诀)-哔哩哔哩1、该软件可以轻松地帮助...
第8分钟了解!堆金城陕西辅助器...
第8分钟了解!堆金城陕西辅助器!确实真的是有辅助方法(有挂解密)-哔哩哔哩1、下载好堆金城陕西辅助器...
第7分钟了解!心悦海南苹果版辅...
第7分钟了解!心悦海南苹果版辅助!总是一直总是有辅助脚本(有挂辅助)-哔哩哔哩1、心悦海南苹果版辅助...
第9分钟了解!中至余干六副里!...
第9分钟了解!中至余干六副里!切实是有辅助方法(有挂神器)-哔哩哔哩1、很好的工具软件，可以解锁游戏...
第9分钟了解!老友麻将辅助器!...
第9分钟了解!老友麻将辅助器!其实一直都是有辅助软件(有挂功能)-哔哩哔哩1、下载好老友麻将辅助器透...
第八分钟了解!丫丫老陕开挂!真...
第八分钟了解!丫丫老陕开挂!真是真的是有辅助方法(确实有挂)-哔哩哔哩丫丫老陕开挂能透视中分为三种模...
第7分钟了解!边锋辅助脚本!都...
第7分钟了解!边锋辅助脚本!都是真的是有辅助技巧(有挂规律)-哔哩哔哩1、边锋辅助脚本公共底牌简单，...
第八分钟了解!老友麻将开挂辅助...
第八分钟了解!老友麻将开挂辅助器!好像是真的有辅助工具(有挂分享)-哔哩哔哩1、下载好老友麻将开挂辅...