首页 > Web开发 > 详细

angularJs-未加载完成的页面显示混乱ng-bind

时间:2015-11-04 14:24:44      阅读:284      评论:0      收藏:0      [点我收藏+]
ng-bind 未初始化完成不加载数据,避免产生{{}}导致页面混乱
还是上边的例子,当前页面没有加载完成的时候,页面显示是不完整的会频繁的出现{{}}这样子的表达式语句,给用户的感觉很不和谐,所以使用ng-bind使没有完成的加载双大括号表达式不显示在页面上
<input type="text" value="" ng-model="name"/>
<input type="text" value="" ng-model="age"/>
<div ng-bind="name"> 
<div ng-bind="age"> 
<script>
alert(3);//使用alert中断加载
</script>
页面未加载完成不显示{{}}
技术分享
 
 
 
加载完成之后页面显示文本,同时在name,age上添加了ng-binding 的class
 
技术分享
 

angularJs-未加载完成的页面显示混乱ng-bind

原文:http://www.cnblogs.com/liuyanan/p/4935655.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!