gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 17:46:53 25 4
gpt4 key购买 nike

我有多个指令可以从数据库中获取数据。在一种情况下,我在一个屏幕上显示了所有指令。这意味着当屏幕加载时,每个下拉列表/字段都会一一填充:首先您看到字段 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;
});
}
}
}])

最佳答案

为此,我使用 ng Cloak

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

关于javascript - 如何使用 AngularJs 防止屏幕闪烁?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21672902/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com