有没有办法来防止闪烁的模板包含连锁值,如{{person.LastName+ ", " + person.FirstName}}
?在Angular中,有没有办法在包含连接值的表达式中防止闪烁?
我不想看到“,”直到$scope.person
被绑定。
这是我可能放入过滤器的东西吗?你会为这件小事创建一个过滤器吗?
有没有办法来防止闪烁的模板包含连锁值,如{{person.LastName+ ", " + person.FirstName}}
?在Angular中,有没有办法在包含连接值的表达式中防止闪烁?
我不想看到“,”直到$scope.person
被绑定。
这是我可能放入过滤器的东西吗?你会为这件小事创建一个过滤器吗?
您可以简单地使用ng-show
这个。 我创建了一个演示来显示结果。 http://plnkr.co/edit/ZAC8RzagPYmLHgXcPazW?p=preview
我在控制器中使用了2秒的超时时间,所以如果您删除了ng-show,您可以看到闪烁。
您可以使用ngCloak指令。从文档:
的ngCloak指令用于防止角HTML模板 通过在其原始(未编译) 形式的浏览器,而你的应用程序加载,略微显示。使用此指令可以避免由html模板显示引起的不良闪烁效应。
您可以在包装标签使用“NG绑定”属性,所以不是这样的:
<span>{{person.LastName+ ", " + person.FirstName}}</span>
你可以这样做:
<span ng-bind="person.LastName + ', ' + person.FirstName"></span>
这将只有当更改标记文本值正确连接。
曾与NG-斗篷的一些问题,所以我采取使用普通的旧的CSS:
<div class="digits" style="display:none;">
和控制器上:
document.querySelector('.digits').style.display = 'block';
ngCloak作品,如果只有一个值,比如人。姓氏,但如果表达式中包含“,”,则在人物对象被绑定之前,逗号会自行呈现一秒钟。 – Jason