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

Question

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

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

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

Answer 1

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

Answer 2

尝试使用ng-bind

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

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

编辑：可以使用占位符文本而不是空元素。

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

“加载标题...”将在角度加载完成后替换为TitleText的值。