问题标签 [ngcloak]

我正在和我的朋友一起开发一个应用程序，我们决定使用ngCloak指令来避免显示原始/未编译代码。由于我们都对此相对较新，我们想知道是否有一种方法可以捕获省略 ngCloak指令时所发生的影响。

由于我们的两台计算机都非常强大，因此效果几乎是无敌的。有没有办法减慢速度，以便我们能够看到速度较慢的设备上会发生什么？

甚至一步步处理代码？

提前致谢。

我理解的方式：

1. 呈现 HTML 页面。
2. DOMContentLoaded 被发出，Angular 开始它的引导过程。
3. 在编译阶段，当它看到ng-cloak指令时，它就会应用display: none !important.
4. 在链接阶段期间/之后和重新渲染之前，它会从带有指令display: none !important的事物中删除该规则。ng-cloak

所以我理解为什么从编译阶段开始到链接阶段结束时不会显示内容。但我不明白为什么从加载 HTML 到编译阶段开始都不会显示内容。

情况是这样的。我有一个指令，在link函数内部我将readyjquery 函数附加到元素，以便在指令视图加载后我可以做一些事情。像这样：

该指令位于使用ng-cloak. 我的问题是，这个函数会在整个文档加载后调用吗？（这就是 Jquery 的文档似乎建议的）

我应该使用：

反而？

我的目标是在视图编译后而不是在整个文档编译后操作一些东西以避免闪烁。

我的 Web 应用程序中有一个网格设置。当用户选中一个框时，它会切换到 DOM 上已经加载的第二个网格（打印机友好版本）。当用户选择他们想要单独查看的行时，还加载了第三个网格。

对于每个网格，我都有一个搜索栏。每个网格都需要自己单独的栏，因此当我在它们之间切换时，前一个栏会显示一秒钟，而另一个栏会被加载（我正在使用 ngshow + nghide 来执行此操作）。我试过像这样使用ngcloak：

使用这个 CSS 类：

angular.js 也是页面上加载的第一件事，从我的 HTML 的标题中。

从我读到的内容看来，ngcloak 可能仅在最初加载 DOM 时才起作用？如果是这样，是否有另一种方法可以在需要加载元素二时立即隐藏元素一？

谢谢

这是我的 HTML（除其他外）：

上面的 HTML 扩展了这个 HTML 页面：

这是我的 base.css（以及其他一些东西）：

问题是，当页面加载时，“添加”按钮会出现，然后在一秒钟后消失（即使 ng-hide 评估为 True。注意：这就是我所说的“闪烁”）。如果 ng-hide 评估为 True，我有没有办法根本不允许按钮显示？

编辑：当我改变class="btn btn-primary ng-cloak"并class="btn btn-primary ng-cloaks"使它成为我的 CSS 时：

然后它成功不显示按钮。好像有些 JS 在加载时删除了 ng-cloak？

编辑 2：我从按钮中删除了 ng-hide，结果发现 ng-cloak 类甚至没有添加到按钮中（我在 Chromium 中使用了“检查元素”，发现 ng-cloak CSS 甚至没有已应用并且 ng-cloak 类不会出现在按钮 lass 上）。因此，AngularJS 似乎出于某种原因正在删除 ng-cloak 类（就像我之前提到的，当我将其更改为 .ng-cloaks 时，它工作得非常好）。

我是 AngularJS 的新手，并试图解决在评估 ng-if 条件之前显示某些 HTML 代码的问题。我正在使用 ng-cloak，正如许多其他堆栈 over flow URL 中提到的那样，但它仍然对我不起作用。如果 URL 上的实际图像为空白，我正在尝试加载默认图像，并且当页面加载时，即使实际 URL 存在，它首先会以默认图像闪烁，然后加载实际图像，因为 ng-cloak 无法正常工作。

请帮忙。

我有以下代码和 CSS 等。

索引.html

其他.html

我们有一个 AngularJS 应用程序（不是 SPA）。我们面临这个问题，即未编译模板的某些部分会短暂显示，因此我将 ngCloak 指令应用于应用程序。

我不确定该指令到底应该在哪里使用 - 每个单个、小元素或大部分（或其他地方）。我目前正在做的是通过 Chrome 开发工具将连接限制到非常慢的速度，然后检查模板的哪些部分以原始状态显示。但我觉得这不是一个非常确定的方法。

所以我想知道在哪里使用ngCloak。

谢谢你。

我正在尝试将 ngcloak 与 liferay 一起使用。我有一个非常大的门户网站，我正在尝试使用 ng-cloak 但它不起作用。我读到使用 ngcloak 必须包含 angular-csp.css，我可以在哪里包含它？在 liferay-portlet.xml 中？我只需要写一个例子：

角-csp.css

谢谢你们

我正在闪烁的内容。尝试使用ng-cloak解决它，但这不起作用。我有一个主视图和多个用于单独视图的模板。我的主要观点包括

我在这里和 CSS 中添加了 ng-cloak

但尽管如此，闪烁仍然存在。我需要在所有模板文件中分别包含 ng-cloak 吗？谁可以帮我这个事？

有时背景颜色会在模板加载到 AngularJS 之前加载。我想摆脱这个。

我试过 ng-cloak 但这不起作用。