首页 > 代码库 > 解决使用angularjs时页面因为{{ }}闪烁问题的两种方式ngBind,ngCloak
解决使用angularjs时页面因为{{ }}闪烁问题的两种方式ngBind,ngCloak
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
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。