将Angular指令ngCloak应用于单个Controller

时间:2013-06-23 19:09:10

标签: javascript angularjs angularjs-directive

我正在使用此toy Angular JS application并尝试使用ngCloak指令在启动时隐藏模板标记。当应用于我声明app模块的标签时,一切正常:

<div ng-app="EditorErrante" ng-cloak>

但是当我试图隐藏第二个控制器时:

<div id="stats" ng-controller="Statistiche" ng-cloak>

没有任何反应该指令无效:我仍然可以在处理之前在“stats”div中看到标记。 我尝试将该指令添加为类并在样式表中复制CSS规则。仍然没有。

有人知道为什么会这样吗?

1 个答案:

答案 0 :(得分:0)

试试这个:

在样式表中添加样式:

.ng-cloak { display:none; }

然后使用ng-cloak作为类而不是属性:

<div id="stats" ng-controller="Statistiche" class="ng-cloak">

e.g。 http://plnkr.co/edit/xWPW2i?p=preview

现在应该工作。

请记住,您也可以将指令用作类,而不仅仅是属性和元素。

编辑,只是对此进行了测试,你不必把它放到课堂上。所以只需将.ng-cloak样式添加到样式表中即可。