在Angular中，有没有办法在包含连接值的表达式中防止闪烁？

有没有办法来防止闪烁的模板包含连锁值，如{{person.LastName+ ", " + person.FirstName}}？在Angular中，有没有办法在包含连接值的表达式中防止闪烁？

我不想看到“，”直到$scope.person被绑定。

这是我可能放入过滤器的东西吗？你会为这件小事创建一个过滤器吗？

2013-10-25 Jason

您可以简单地使用ng-show这个。我创建了一个演示来显示结果。 http://plnkr.co/edit/ZAC8RzagPYmLHgXcPazW?p=preview

我在控制器中使用了2秒的超时时间，所以如果您删除了ng-show，您可以看到闪烁。

2013-10-25 21:01:02 bekite

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

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

2013-10-25 20:46:27 ajk

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

-1

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

2014-03-22 14:46:38

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

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

这不一定总是正确的 –

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

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

你可以这样做：

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

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

2014-08-26 07:55:58 recidive

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

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

和控制器上：

document.querySelector('.digits').style.display = 'block';

2015-09-17 11:39:38 Guy

回答