如何正确使用ng-cloak指令? [英] How to correctly use ng-cloak directive?
本文介绍了如何正确使用ng-cloak指令?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
不知何故,AngularJS中的ng-cloak不起作用。
我想在加载页面时隐藏{{}}。因为它看起来很糟糕。
Somehow, ng-cloak in AngularJS doesn't work. I want to hide {{ }} while loading the page. Because it looks awful.
<!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>
推荐答案
从其他
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
并使用父div上的类名或属性或您拥有的任何地方定义了你的应用程序。
and use either the class name or attribute on your parent div or anywhere you have defined your app.
例如:
<div ng-app="Random" class="ng-cloak">
</div>
这篇关于如何正确使用ng-cloak指令?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文