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