Angularjs在初始化未完毕时出现闪烁问题的解决方法分析

程序员文章站 2022-06-10 18:32:07

本文实例讲述了angularjs在初始化未完毕时出现闪烁问题的解决方法。分享给大家供大家参考，具体如下：方法1：使用ng-cloak指令，在绑定数据的区域使用该指令...

本文实例讲述了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属性（可参考：）

希望本文所述对大家angularjs程序设计有所帮助。