javascript - 由 AngularJs 可视化问题提供支持的产品页面

我很可能在管理面板或非公共方面在我的项目中使用 AngularJS。但是我需要在公共网站的产品页面中使用 AngularJs。

问题来了；该页面的加载速度非常快，但在一毫秒内我看到了一些 AngularJS 标签，代码也是产品的 html 模板/结构。例如，假设我在产品页面中看到以下代码；

{{product.name}} ({{product.count}})

这些代码闪烁第二次，页面开始按预期工作。我曾尝试使用 ng-if、ng-show、ng-hide 来防止在开始时出现这种闪烁效果，但它奏效了。

如果找到解决此问题的方法，我将非常高兴。

顺便说一句，我使用的是 AngularJs 1.6.9 版本

标签： javascriptangularjs

您应该尝试对有标签闪烁问题的元素使用ng-cloak指令，例如：

<p ng-cloak>{{ someValue }}</p>

其目的是防止显示 AngularJS 未编译的模板，因此它应该解决您的问题。