2013-10-25 12 views

回答

14

您可以使用ngCloak指令。从文档:

的ngCloak指令用于防止角HTML模板 通过在其原始(未编译) 形式的浏览器,而你的应用程序加载,略微显示。使用此指令可以避免由html模板显示引起的不良闪烁效应。

+2

ngCloak作品,如果只有一个值,比如人。姓氏,但如果表达式中包含“,”,则在人物对象被绑定之前,逗号会自行呈现一秒钟。 – Jason

-1

发生这种情况是因为您不是从<head></head>部分加载角度js库。如果对您来说不是什么大问题,只要将您的角度<script>标签放在头上,它就会停止闪烁。

+0

这不适合我。我怀疑是因为Angular在浏览器加载脚本和实际更新UI中的表达式之间需要一些时间。 – mason

+0

它是否真的很快并不重要。实际上,闪烁看起来与我在HTML末尾或''中加载脚本完全相同。 – mason

+0

这不一定总是正确的 –

5

您可以在包装标签使用“NG绑定”属性,所以不是这样的:

<span>{{person.LastName+ ", " + person.FirstName}}</span> 

你可以这样做:

<span ng-bind="person.LastName + ', ' + person.FirstName"></span> 

这将只有当更改标记文本值正确连接。

0

曾与NG-斗篷的一些问题,所以我采取使用普通的旧的CSS:

<div class="digits" style="display:none;"> 

和控制器上:

document.querySelector('.digits').style.display = 'block'; 
相关问题