Javascript 如何使用Angular Js+;bootsrap?
我正在用angular js和bootsrap开发一个站点 当站点加载时,我正在进行一些服务器调用以获取一些数据。这个过程花了一些时间。在这个时间间隔内,我想显示一个带有等待消息的弹出窗口 但我被困在这里如何做我的设置。 在app.js中,在run方法中,我想添加弹出调用,以便在执行完成后显示和隐藏Javascript 如何使用Angular Js+;bootsrap?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我正在用angular js和bootsrap开发一个站点 当站点加载时,我正在进行一些服务器调用以获取一些数据。这个过程花了一些时间。在这个时间间隔内,我想显示一个带有等待消息的弹出窗口 但我被困在这里如何做我的设置。 在app.js中,在run方法中,我想添加弹出调用,以便在执行完成后显示和隐藏 .run(["$log", "$rootScope", "$state", "dtoResource", "questionResource", function ($log, $rootScope
.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
添加
<div id="loading" class="hidden"><p>loading</p></div>
在收到服务器的响应后,添加:
$("#loading").addClass("hidden");
加
在收到服务器的响应后,添加:
$("#loading").addClass("hidden");
你在正确的轨道上。您需要在应用程序中包含angular bootstrap$uibmodal模块,然后您就可以开始了 在调用save方法时打开一个模式。下面的方法可以完成这项工作
var instance = $modal.open();
保留该实例,并在save响应时适当地调用它
instance.dismiss();
以上内容将关闭您的信息弹出窗口
看看我为您创建的。它在获取ip地址时相当快,但它模仿了您的解决方案。您的思路是正确的。您需要在应用程序中包含angular bootstrap$uibmodal模块,然后您就可以开始了 在调用save方法时打开一个模式。下面的方法可以完成这项工作
var instance = $modal.open();
保留该实例,并在save响应时适当地调用它
instance.dismiss();
以上内容将关闭您的信息弹出窗口
看看我为您创建的。获取ip地址的速度相当快,但它模仿了您的解决方案。我可以不使用ui-bootstrap-tpls-2.1.1.js、1.5.8/angular animate.js、1.5.8/angular-sanitize.js创建弹出窗口吗?对于简单的事情,这在应用程序上看起来有点开销。我同意这有点开销。可以删除角度动画,但需要模板。如果你还没有使用Sanitize,那么你就错过了angular的功能。现在我正在使用的任何东西都在我的plunker中。我期待着像ng show/hide的响应div这样的解决方案。这不需要额外的功能。我可以在不使用ui-bootstrap-tpls-2.1.1.js、1.5.8/angular animate.js、1.5.8/angular-sanitize.js的情况下创建弹出窗口吗?对于简单的事情,这在应用程序上看起来有点开销。我同意这有点开销。可以删除角度动画,但需要模板。如果你还没有使用Sanitize,那么你就错过了angular的功能。现在我正在使用的任何东西都在我的plunker中。我期待着像ng show/hide的响应div这样的解决方案。这不需要额外的包含