Angularjs在初始化未完毕时出现闪烁的解决办法

本文介绍了三种在AngularJS中处理初始加载时显示脏数据的方法:使用ng-cloak指令隐藏未绑定的数据,用ng-bind指令替代双大括号表达式以避免脏数据展示,以及利用resolve属性来异步获取数据。

方法1:

 

使用ng-cloak指令,在绑定数据的区域使用该指令并设置该指令的样式为隐藏即可,如下所示:

Html:

1 <body ng-controller="QuberController" ng-cloak class="ng-cloak">

Css:

1 .ng-cloak { display: none; }

 

方法2:

 

使用ng-bind指令来代替{{ item.name }},如下所示:

1 {{item.name}} → <span ng-bind="item.name"></span>

 

方法3:

 

使用resolve属性(可参考:http://my.oschina.net/tanweijie/blog/295255)

 

 


163博客地址:http://qubernet.blog.163.com/blog/static/17794728420161281300980/

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值