Question

我正在开发AngularJS应用程序。在应用程序中，其中一个DIV正在显示网格数据。我想要的是，当网格加载数据时，系统应该在div＆amp;加载数据时，应删除该图像。

如果我按照经典的方式，当触发数据加载事件时，我们可以在div的顶部手动显示图像，当数据完全加载时，我们可以手动隐藏加载图像。

我们可以自动执行此过程并将其留给AngularJS或任何其他库来决定何时显示以及何时隐藏加载图像。有点像，只要DIV的内部HTML被修改，就应该显示加载图像。

Answer 1

是的，您可以自动执行此过程，并使用数据绑定将其保留给AngularJS。

<i class=loading-icon ng-if=!ctrl.data.length></i>


app.controller("ctrl", function ($http) {
    var ctrl = this;
    ctrl.data = [];

    $http.get(url).success(function (data) {
        ctrl.data = data;
    });
});

Answer 2

在HTML中将data-ng-if="isLoading"添加到加载div，然后在js中，在发出请求之前将数据集scope.isLoading加载为true，并在加载完成时将其设置为false。 / p>

在数据加载div时显示在div上加载图像（小时玻璃）

2 个答案: