在等待 NodeJS 解析 json 文件时显示加载屏幕

Question

我有一个项目，我需要向 nodeJS 服务器发出 angular http.post 请求，该服务器将从 URL 解析打开的数据集并将其作为 json 对象字符串传递给 angular。 这个事件的问题是从一个开放的数据集中解析 JSON 并解析它，处理它等等......需要很多时间。但是我需要这些数据来填写我网站的内容，或者使用我网站中的功能。

所以我想知道如何显示引导程序modal，它要么显示一个微调器，要么只要我没有收到我的角度数据，它就会说“正在加载数据”。这样，我将阻止用户在我的网站仍然为空时浏览我的网站，因为还没有数据可供使用。

---

NodeJS代码解析：

app.post("/", function (req, res) {
    request("http://datasets.antwerpen.be/v1/bevolking/inkomensvolgenswoonplaatsperdistrict.json", function (error, response, body) {
        if (error || response.statusCode != 200)
            return (res.status(response.statusCode).end());
        var data = JSON.parse(body);
        res.json(data.inkomensvolgenswoonplaatsperdistrict);
    });

})

Angular 请求代码：

app.controller("MyCtrl", function ($scope, $http) {
    $scope.getAll = function () {
        $http.post(url + "/")
            .success(function (res) {
                console.log(res);
                $scope.All = res;
                angular.forEach(res, function (value, key) {
                    console.log(key + " : " + value);
                })
            });
    };

})

Answer 1

在$scope.getAll 之前 $http.post 打开然后是模态的。当$http.post 返回时关闭模式。这应该在发生错误或成功的情况下完成。

请参阅angular-ui-bootstrap Modal docs，了解将引导模式集成到您的 Angular 应用程序中的实施示例。