首页 > Web开发 > 详细

解决使用angularjs时页面因为{{ }}闪烁问题的两种方式ngBind,ngCloak

时间:2016-10-14 13:56:20      阅读:382      评论:0      收藏:0      [点我收藏+]
1.HTML加载含有{{ }}语法的元素后并不会立刻渲染它们,导致未渲染内容闪烁(Flash of Unrendered Content,FOUC)。我可以用ng-bind将内容同元素绑定在一起避免FOUC。内容会被当作子文本节点渲染到含有ng-bind指令的元素内。 
2.除使用ng-bind来避免未渲染元素闪烁,还可以在含有{{ }}的元素上使用ng-cloak指令,ng-cloak指令会将内部元素隐藏,直到路由调用对应的页面时才显示出来。 

 下面主要演示下如何通过ng-cloak避免FOUC

<body ng-init="greeting=‘HelloWorld‘">     
    <p ng-cloak>{{ greeting }}</p> 
</body>

 

解决使用angularjs时页面因为{{ }}闪烁问题的两种方式ngBind,ngCloak

原文:http://www.cnblogs.com/BGOnline/p/5959853.html

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