javascript - 当数据加载到 div 中时，显示在 div 上加载图像(沙漏)

Question

我正在开发 AngularJS 应用程序。在应用程序中，DIV 之一正在显示网格数据。我想要的是，当网格加载数据时，系统应该在 div 顶部显示加载图像，并且当加载数据时，它应该删除该图像。

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

我们可以自动化这个过程并将其留给 AngularJS 或任何其他库来决定何时显示和何时隐藏加载图像。比如，只要修改 DIV 的内部 HTML，它就应该显示加载图像。

Answer 1

是的，您可以自动化此过程并使用数据绑定(bind)将其留给 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;
    });
});