javascript - 如何使用 Angularjs + bootstrap 设置弹出窗口？

Question

我正在使用 Angular js 和 bootsrap 开发一个网站。

当网站加载时，我正在执行一些服务器调用来获取一些数据。这个过程需要一些时间。在这个时间间隔内，我想显示一个带有等待消息的弹出窗口。

但是我被困在如何设置这里了。 在 app.js 中，在 run 方法中，我想添加弹出调用以在执行完成后显示和隐藏。

.run(["$log", "$rootScope", "$state", "dtoResource", "questionResource", function ($log, $rootScope, $state, dtoResource, questionResource) {
                    dtoResource.rc1Step1DTO()
                            .then(function (data) {
                                $rootScope.AutoQuote = data;
                                questionResource.getQuestions($rootScope.AutoQuote.postAutoQuoteObj.SessionInfo.StateCode)
                                        .then(function (questions) {
                                           $rootScope.questions = questions;
                                            $rootScope.answers = {PC: 12345};
                                              console.log('Copy operation');
                                 angular.copy($rootScope.answers,$rootScope.default);
                                 console.log($rootScope.answers);
                                 console.log($rootScope.default);
                                           })
                            })
                            .then(function () {
                                //console.log('This should be printed after the above methods are done     executing');
                               // console.log($rootScope);

                            })

                }])
Below is plunker link

https://plnkr.co/edit/aV65Nab9U9I6YlK2g4sY?p=preview

Answer 1

您走在正确的道路上。您需要在应用程序中包含 Angular-bootstrap $uibmodal 模块，然后就可以了

在调用 save 方法时打开模式。下面的方法可以完成这项工作。

var instance = $modal.open();

保留该实例并根据保存的响应适本地调用它。

instance.dismiss();

以上操作将关闭您的信息弹出窗口。

看看 plunker我已经为你创造了。它获取您的 IP 地址的速度相当快，但它模仿了您的解决方案。