Angular js指令 ng-if&&ng-show

1⃣️问题描述:
ng-if:删除整个dom元素;
ng-show:控制添加的html元素的显示与消失,作用类似于css的dispaly:none和block;
重点在于ng-if会遇到scope绑定值错误的情况;

2⃣️html代码
在这里插入图片描述
效果:
在这里插入图片描述代码分析:
通过下面两个按钮控制消失,div里面都有一个输入框,用ng-model绑定了一个值,
输入后发现,ng-if绑定的值是无法显示在外面的p标签外面。

结论:
ng-if会影响并阻断$scope绑定值,ngshow不会,建议:div里面有很多其他指令如ng-model的尽量使用ng-show,单个独立的可以使用ng-if;

猜你喜欢

转载自blog.csdn.net/weixin_43204255/article/details/83307498
今日推荐