我有一个指令,它里面有一些嵌套的指令。使用ng-reppeat绑定ul/li列表中的数据的指令之一,而其他指令只是用于基本数据绑定的模板。如何处理AngularJS指令中的数据绑定闪烁?
我在加载页面时看到的问题 - 首先加载简单的数据绑定指令,以便在页面上首先看到它们,而在几毫秒后在页面上显示ng-repeat指令时,所以所有的组件都在闪烁。
我该如何处理?我怎么能告诉父指令同时显示它的所有子指令数据?我在我的指令中使用{{data-bind}}。
请指教如何避免页面上的这种事情。
我有一个指令,它里面有一些嵌套的指令。使用ng-reppeat绑定ul/li列表中的数据的指令之一,而其他指令只是用于基本数据绑定的模板。如何处理AngularJS指令中的数据绑定闪烁?
我在加载页面时看到的问题 - 首先加载简单的数据绑定指令,以便在页面上首先看到它们,而在几毫秒后在页面上显示ng-repeat指令时,所以所有的组件都在闪烁。
我该如何处理?我怎么能告诉父指令同时显示它的所有子指令数据?我在我的指令中使用{{data-bind}}。
请指教如何避免页面上的这种事情。
你需要使用NG-斗篷。在您的<head>
中添加特定样式(以便在AngularJS之前加载)。
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
阅读更多关于它here