您的位置:首页 > 产品设计 > UI/UE

angular js 避免UI闪烁

2015-06-12 16:56 417 查看
<body ng-controller="PhoneListCtrl">
<ul>
<li ng-repeat="phone in phones">
{{ phone.name }}
<p>{{ phone.snippet }}</p>
</li>
</ul>
</body>

// 这个代码在数据载入之前会出现  {{ phone.name }}等字样,等数据加载完毕再显示正确数值


// 用下面这段代码来避免出现UI闪烁

<body ng-controller="PhoneListCtrl">
<ul>
<li ng-repeat="phone in phones">
<span ng-bind="phone.name"></span>
<p ng-bind="phone.snippet">Optional: visually pleasing placeholder</p>
</li>
</ul>
</body>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript angular-js