不知何故，NG-斗篷不起作用 [英] Somehow, ng-cloak doesn't work
本文介绍了不知何故，NG-斗篷不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
不知何故，NG-斗篷AngularJS不起作用。
我想隐藏{{}}，而加载页面。因为它看起来太可怕了。
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML LANG =ENNG-应用＆GT;
＆LT; HEAD＆GT;
＆LT;间的charset =UTF-8＆GT;
＆LT;标题＆GT;角采样＆LT; /标题＆GT;
＆LT; /头＆GT;
＆LT;机身NG模型=isShowNG-的init =isShow =真正的＆GT; ＆LT; p NG秀=isShow＆GT;＆LT;跨度NG-斗篷＆GT; {{isShow}}＆LT; / SPAN＆GT;＆LT; / P＆GT;
＆LT; p NG秀=isShow！＆GT;＆LT;跨度NG-斗篷＆GT; {{isShow}}＆LT; / SPAN＆GT;＆LT; / P＆GT; ＆所述; SCRIPT SRC =https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js＆GT;＆下; /脚本＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
解决方案
从这里 添加这个CSS
[NG \\：披风]，[NG-披风]，[数据-NG-披风]，[X-NG-披风] .ng斗篷，.X-NG -cloak {
！显示：无重要;
}
和使用您的父分区或者类名，属性或任何地方你定义了你的应用程序。
例如：
＆LT; DIV NG-应用=随机类=NG-斗篷＆GT;
＆LT; / DIV＆GT;
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>
解决方案
Add this css from here
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
and use either the class name or attribute on your parent div or anywhere you have defined your app.
eg:
<div ng-app="Random" class="ng-cloak">
</div>
这篇关于不知何故，NG-斗篷不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
