您的位置：首页 > Web前端 > AngularJS

避免angular出现{{}}

2015-09-17 14:22 676 查看
在angular中运用{{}}刷新时有时会出现“{{}}”，严重影响用户体验。

解决办法是在{{}}包裹的html标签中添加ng-cloak，即可解决

<!doctype html>
<html ng-app="myApp">
<head>
<script src="//cdn.bootcss.com/angular.js/1.2.0rc3/angular.js"></script>
</head>
<body ng-controller="myControl">
<p ng-cloak >{{ greeting}}</p>

<script>
angular.module('myApp'[])
.controller('myControl',function($scope, $timeout) {
$timeout( function (){ updateVal() }, 1000);
var updateVal = function() {
$scope.greeting = 1;
};
});
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航