Question

我有一些指令，里面有一些嵌套指令。使用ng-reppeat绑定ul / li列表中的数据的指令之一，而其他指令只是基本数据绑定的模板。

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

我该如何处理？如何告诉父指令同时显示其所有子指令数据绑定？我在我的指令中使用{{data-bind}}。

请在页面上建议如何避免此类事情。

Answer 1

你需要使用ng-cloak。在<head>中添加特定样式（因此它们会在AngularJS之前加载）。

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

详细了解here

Answer 2