Javascript AngularJS在编译之前显示模型文本

Javascript AngularJS在编译之前显示模型文本,javascript,angularjs,performance,ngcloak,Javascript,Angularjs,Performance,Ngcloak,我正在开发一个必须在嵌入式安卓系统(在系统webview中)上运行的页面,这个页面速度非常慢。事实上,加载页面时速度非常慢,有时在AngularJS开始更新所有绑定之前,模型文本仍会在页面上停留半秒钟。这很烦人,显然是不可取的 我将ng-clope添加到页面元素的无休止排列中。我还在样式表中添加了以下样式: [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: non

我正在开发一个必须在嵌入式安卓系统(在系统webview中)上运行的页面,这个页面速度非常慢。事实上,加载页面时速度非常慢,有时在AngularJS开始更新所有绑定之前,模型文本仍会在页面上停留半秒钟。这很烦人,显然是不可取的

我将
ng-clope
添加到页面元素的无休止排列中。我还在样式表中添加了以下样式:

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
它只是不想掩盖这些内容,我认为这应该归咎于爱奥尼亚。由于不太了解AngularJS,我尝试编写一个指令
my-Clope
,在compile和pre-link上向元素添加一个类,并在post-link上删除它。它工作得更好,但并不总是有效

我已经读到了更多我可以做的事情,比如“装饰”插值函数(超出我的深度)和可能列出的各种建议之一(比如evalAsync或类似的东西),但我对角度的了解还不够,无法理解这些解的实际作用。当转换到AngularJS时,来自jQuery背景是非常困难的


因此,任何帮助都将不胜感激。我只是想阻止未消化的文本在屏幕上显示,基本上就像ng斗篷应该做的那样,但对于较慢的系统。谢谢

这不是你想要的答案,但有一个很好的写作练习

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

(因此没有{{data}}闪烁)

  • 页面上已显示ng斗篷样式。使用angular app查看呈现页面的页眉

  • 您可以执行以下操作:

并在加载数据后在控制器中设置
scope.loaded=true