不知何故,AngularJS中的ng-cloak无法工作。我想在加载页面时隐藏{{ }}。因为它看起来很糟糕。
<!DOCTYPE html>
<html lang="en" ng-app>
<head>
<meta charset="UTF-8">
<title>Angular Sample</title>
</head>
<body ng-model="isShow" ng-init="isShow=true">
<p ng-show="isShow"><span ng-cloak>{{ isShow }}</span></p>
<p ng-show="!isShow"><span ng-cloak>{{ isShow }}</span></p>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
</body>
</html>发布于 2015-03-30 14:23:26
从here添加此css
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}并在父div或已定义应用程序的任何位置使用类名或属性。
例如:
<div ng-app="Random" class="ng-cloak">
</div>发布于 2015-03-30 14:00:35
为获得最佳结果,
angular.js脚本必须加载到html文档的head部分;或者,上面的css规则必须包含在应用程序的外部样式表中。
发布于 2015-03-30 14:00:45
您必须在CSS中指定以下规则:
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}https://stackoverflow.com/questions/29339293
复制相似问题