将Angular指令ngCloak应用于单个控制器

Question

我正在玩这个toy Angular JS application并试图使用ngCloak指令在启动时隐藏模板标记。当应用到我宣布应用程序模块的标签，一切工作正常：

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

，但是当我试图掩饰只有第二控制器：

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

什么也没有发生的指令没有任何影响：在处理之前，我仍然可以在“stats”div中看到标记。 我试着将指令添加为类并复制样式表中的CSS规则。依然没有。

有人知道为什么会发生这种情况？

Answer 1

试试这个：

添加样式在样式表：

.ng-cloak { display:none; } 

然后用NG-斗篷为一类，而不是一个属性：

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

例如http://plnkr.co/edit/xWPW2i?p=preview

现在应该工作。请记住，您也可以将指令用作类，不仅仅是属性和元素。

编辑，只是测试了这一点，你不必把它放到一个类。所以只需将.ng-cloak样式添加到样式表中。