Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
作者:Quber
这篇文章主要介绍了Angularjs在初始化未完毕时出现闪烁问题的解决方法,结合实例形式分析了3种常用的闪烁问题解决方法,需要的朋友可以参考下
本文实例讲述了Angularjs在初始化未完毕时出现闪烁问题的解决方法。分享给大家供大家参考,具体如下:
方法1:
使用ng-cloak指令,在绑定数据的区域使用该指令并设置该指令的样式为隐藏即可,如下所示:
Html:
<body ng-controller="QuberController" ng-cloak class="ng-cloak">
Css:
.ng-cloak { display: none; }
方法2:
使用ng-bind指令来代替{{ item.name }},如下所示:
{{item.name}} → <span ng-bind="item.name"></span>
方法3:
使用resolve属性(可参考:https://www.jb51.net/article/80523.htm)
希望本文所述对大家AngularJS程序设计有所帮助。