angularjs

在 Angular 有没有办法防止在包含离合器值的表达式中闪烁？

是否有一种方法可以防止闪烁的模板包含离合器值，例如

{{person.LastName+ ", " + person.FirstName}}

?

我不想看到", " 直到

$scope.person

不会被捆绑。

这是我可以放入过滤器的东西吗？您是否会为琐碎的东西创建过滤器？

已邀请:

5 个回复

赞同来自:

为此，您可以使用该指令 ngCloak. 来自文件：

指示 ngCloak 用于防止介绍模板 Angular
html 他未经治疗的浏览器 /不受控制的/ 形式。/
下载应用程序时的表格。使用此指令避免
由模板显示引起的不需要的闪烁效果 html.

赞同来自:

你可以使用

ng-show

为了这。
我创建了一个演示版以显示结果。
http://plnkr.co/edit/ZAC8RzagP ... eview
我在控制器中使用超时 2 秒，所以如果删除，你可以看到闪烁 ng-show.

赞同来自:

您可以使用该属性 "ng-bind" 在你的标记包装器中，所以相反：

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

你能行的：

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

只有当值正确统一时，这将仅更改标记的文本。

赞同来自:

我有一些问题 ng-cloak, 所以我诉诸使用简单的旧 css:

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

并在控制器上：

document.querySelector/'.digits'/.style.display = 'block';

</div>
<div class="answer_text">
这是因为你下载了你的 angular JS lib 不是来自该部分

<head></head>

. 如果对你没关系，只需移动标记 angular
[code]<script></script></div>

赞同来自:

这是因为你下载了你的 angular JS lib 不是来自该部分

<head></head>

. 如果对你没关系，只需移动标记 angular
[code]<script></script>

要回复问题请先登录或注册