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

Question

我正在玩这个玩具 Angular JS 应用程序，并尝试使用ngCloak指令在启动时隐藏模板标记。当应用于我声明应用程序模块的标签时，一切正常：

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

但是当我尝试只隐藏第二个控制器时：

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

~~什么都没发生~~该指令无效：在处理之前，我仍然可以在“stats”div 中看到标记。我尝试将指令添加为一个类并在样式表中复制 CSS 规则。依然没有。

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

score 0 · Accepted Answer

尝试这个：

在样式表中添加样式：

.ng-cloak { display:none; }

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

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

现在应该可以工作了。

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

编辑，刚刚测试了这个，你不必把它放到一个类中。因此，只需将 .ng-cloak 样式添加到您的样式表中。

1 回答 1