iphone - AngularJs 原始模板在被替换之前在 IOS 上简要显示

Question

我有一个基于 angularJs 的移动网站，在普通机器上看起来不错。当我把它带到IOS时。我注意到原始模板在文本被 angularJs 替换之前简要显示。

即在我看到它被替换之前，我已经短暂地显示了 {{TitleText}}。在iphone上似乎比在ipad上更明显，我猜从机器的性能来看。在逻辑繁重的页面上也更加明显..

我的问题是有没有办法防止原始模板在较慢的浏览器上显示？也许是一个内置的加载屏幕来隐藏细节，直到页面加载？

score 2 · Accepted Answer

2

使用 ng-bind 的另一种替代方法是ng-cloak

于 2013-04-22T12:32:00.250 回答

score 1 · Accepted Answer

尝试使用ng-bind

<h1 ng-bind="TitleText"></h1>

在较慢的浏览器中，元素将显示为空，直到 angular 完成加载

编辑：可以使用占位符文本代替空元素。

<h1 ng-bind="TitleText">Loading Title...</h1>

“正在加载标题...”将替换为TitleTextangular 完成加载后的值。

2 回答 2