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

我有一个项目，需要向nodeJS服务器发出angular http.post请求，nodeJS服务器将解析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);
    });

})

角度请求代码：

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);
                })
            });
    };

})

---

在$http.post打开之前的

$scope.getAll

中。当

$http.post

返回时，关闭模式。这应该在错误或成功的情况下进行

---

有关将引导模式集成到angular应用程序中的实现示例，请参见。

在$http.post open then模式之前的

$scope.getAll

中。当

$http.post

返回时，关闭模式。这应该在错误或成功的情况下进行

---

---

有关将引导模式集成到angular app中的实现示例，请参见。

实际问题是什么？我想创建此模式，只要我没有来自node的响应，我怎么做？调用函数时显示模式，收到响应时隐藏它。建议使用

angular ui bootstrap

并去掉

bootstrap.js

是的，但我该怎么做呢？这个角度的ui引导会影响使用常规引导对far所做的任何更改吗？在

$scope.getAll

中，在

$http.post

之前打开模式。当

$http.post

返回时，不管结果如何，关闭模式。实际问题是什么？我想创建此模式，只要我没有来自节点的响应，我该怎么做？调用函数时显示模式，收到响应时隐藏它。建议使用

angular ui bootstrap

并去掉

bootstrap.js

是的，但我该怎么做呢？这个角度的ui引导会影响使用常规引导对far所做的任何更改吗？在

$scope.getAll

中，在

$http.post

之前打开模式。当

$http.post

返回时，不管结果如何，关闭该模式。我通过在$scope.getAll；）中使用javascript函数调用该模式使其工作您是否有机会回答另一个问题？：）这是关于折叠面板的。我希望在任何时候都只有一个折叠面板处于活动状态，因此，如果任何按钮将打开折叠面板，则另一个按钮应关闭。我真的建议使用angular ui引导程序，我知道当你问最初的问题时你没有使用它，但是他们有一个完整的指令来做这件事。它支持一次只打开一个项目，使用布尔属性

close others

只需阅读Angular UI引导部分即可。如果我的回答对上面的问题有帮助，您应该将其标记为“答案”，并向上投票，以便稍后查看此问题的人知道这回答了您的问题。我是通过在$scope.getAll；中使用javascript函数调用它来实现的。）您是否有机会回答另一个问题？：）这是关于折叠面板的。我希望在任何时候都只有一个折叠面板处于活动状态，因此，如果任何按钮将打开折叠面板，则另一个按钮应关闭。我真的建议使用angular ui引导程序，我知道当你问最初的问题时你没有使用它，但是他们有一个完整的指令来做这件事。它支持一次只打开一个项目，使用布尔属性

close others

只需阅读Angular UI引导部分即可。如果我的回答在上面是有帮助的，你应该把它标记为答案并投票，这样以后看这个问题的人就会知道这回答了你的问题。