1

我正在处理一个必须在嵌入式 android 系统上运行的页面(在系统 webview 中),而这件事非常缓慢。实际上如此缓慢,以至于当您加载页面时,有时模型文本仍会在页面上停留半秒,然后 AngularJS 才开始更新所有绑定。这很烦人,而且显然是不可取的。

我已经添加ng-cloak到页面元素的无尽排列中。我还在样式表中添加了以下样式:

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

它只是不想掩盖内容,我认为 ionic 是罪魁祸首。对 AngularJS 不太了解,我尝试编写一个指令my-cloak,在编译和预链接时向元素添加一个类,并在后链接时将其删除。它工作得更好,但并不总是有效。

我已经阅读了更多我可以做的事情,比如“装饰”插值函数(超出我的深度),也许是这里列出的各种建议之一(比如 evalAsync 或类似的东西),但我不太了解Angular 来了解这些解决方案的实际作用。过渡到 AngularJS 时,来自 jQuery 背景非常困难。

所以任何帮助将不胜感激。我只是想防止未消化的文本永远显示在屏幕上,基本上是在做 ng-cloak 应该做的事情,但对于较慢的系统。谢谢!

4

1 回答 1

1

这不是您正在寻找的答案,但有一个很好的做法来写

<span ng-bind="data">&nbsp;</span> 

(所以没有 {{data}} 闪烁)。

  • ng-cloak 样式已经在页面上。使用 Angular 应用程序查看渲染页面的标题。

  • 您可以执行以下操作:

<body ng-show="loaded"></body>scope.loaded = true在加载数据后在控制器中设置。

于 2016-06-15T14:18:12.157 回答