javascript - 如何使用 AngularJs 防止屏幕闪烁？

Question

我有多个指令可以从数据库中获取数据。在一种情况下，我在一个屏幕上显示了所有指令。这意味着当屏幕加载时，每个下拉列表/字段都会一一填充:首先您看到字段 A 是字段，然后字段 B 获取其值，然后字段 C 等等。我不想要这个，我想要所有数据都会立即显示。

我怎样才能实现这个目标？

这是一个指令示例。我有大约 10 个这样的指令。

app.directive("environmentDropdown", ['EnvironmentService', function (EnvironmentService) {
    return {
        restrict: 'E',
        template: '<select class="form-control" data-ng-options="e.Id as e.Name for e in environments"></select>',
        scope: {
        },
        replace:true,
        link: function (scope, element, attributes) {
            EnvironmentService.getEnvironments().then(function (response) {
                scope.environments = response;
            });
        }
    }
}])

Answer 1

为此，我使用 ng Cloak

它使元素不可见，然后将标签放置在整个页面加载之前不可见