返回首页 | 新开户送体验金的娱乐城

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

网站开发Angular.JS中指令ng-if的注意事项小结

时间:2017-09-05 编辑:admin

ng-if指令可以依据表达式的值true/false在DOM中真实生成或真实移除一个www.d67.com元素。如果赋值给ng-if的表达式的值是false,那对应的元素将会从DOM中移除,不然对应元素的一个克隆将被从头刺进DOM中。

ng-if同ng-show和ng-hide指令最实质的区别是,它不是经过CSS显现或躲藏DOM节点,而是真实生成或移除节点。

当一个元素被ng-if从DOM中移除,同它相关的效果域也会被毁掉。并且当它从头加入DOM中时,会经过原型承继从它的父效果域生成一个新的效果域。

这样会导致,在 ng-if 顶用根本变量绑定 ng-model ,并在外层 div 中把此 model 绑定给另一个显现区域,内层改动时,外层不会同步改动,由于此刻已经是两个变量了。

演示代码:

 p {{name}} /p 
 div ng-if="true" 
 input type="text" ng-model="name" / 
 /div 

ng-show 不存在此问题,由于它不自带一级效果域。

防止这类问题呈现的方法是,始终将页面中的元素绑定到目标的特点而不是直接绑定到根本变量上。详见 AngularJS 中的效果域


浏览:

网站建设

流程

    网站建设流程