2014-11-22 55 views
1

我有一个指令,它里面有一些嵌套的指令。使用ng-reppeat绑定ul/li列表中的数据的指令之一,而其他指令只是用于基本数据绑定的模板。如何处理AngularJS指令中的数据绑定闪烁?

我在加载页面时看到的问题 - 首先加载简单的数据绑定指令,以便在页面上首先看到它们,而在几毫秒后在页面上显示ng-repeat指令时,所以所有的组件都在闪烁。

我该如何处理?我怎么能告诉父指令同时显示它的所有子指令数据?我在我的指令中使用{{data-bind}}。

请指教如何避免页面上的这种事情。

回答

1

你需要使用NG-斗篷。在您的<head>中添加特定样式(以便在AngularJS之前加载)。

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
} 

阅读更多关于它here