如何使用Angular Js + bootstrap设置弹出窗口
How to set pop up using Angular Js + bootsrap?
我正在用angular js和bootstrap开发一个网站。
当网站加载时,我正在做一些服务器调用来获取一些数据。这个过程花了一些时间。在这个时间间隔内,我想显示一个弹出窗口,显示等待消息。
但是我被困在这里如何与我的设置。在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 =预览
你做对了。你需要在你的应用中包含angular-bootstrap $ ibmodal模块,然后你就可以准备
在调用save方法时打开一个模态。下面的方法完成了这项工作。
var instance = $modal.open();
保留实例,并在保存响应时适当地调用它。
instance.dismiss();
以上操作将关闭您的信息弹出窗口。
看看我为你创造的活塞。它在获取您的ip地址相当快,但它模仿您的解决方案。
添加
<div id="loading" class="hidden"><p>loading</p></div>
在使服务器添加以下内容之前:
$("#loading").removeClass("hidden");
并在收到服务器的响应后添加:
$("#loading").addClass("hidden");
相关文章:
- 如何在提交事件的底部设置窗口位置
- 如何保存和设置窗口.pageYOffset with shadowbox.js.
- 在 JavaScript Core iOS 7 中设置窗口
- 设置窗口弹出窗口坐标
- 从控制器设置窗口字段值
- 如何在网页中设置窗口标题
- ExtJ设置窗口高度
- 设置窗口.在IE8中未定义的onbeforeunload原因"未实现错误
- 设置窗口.位置vs.输入url
- 如何在javascript中设置窗口的本地路径.在c# .net中使用
- 设置窗口全屏(真正的全屏;F11功能)
- Javascript设置窗口的大小
- 我可以让SignalR在设置窗口位置时不断开连接吗?
- Adobe AIR应用程序在JavaScript中记住和设置窗口状态
- 设置窗口大小
- 使用window.Open在默认浏览器中打开链接,并在可可中的webView中设置窗口大小
- JavaScript 设置窗口选择
- 设置窗口的位置/jquery
- 使用链接设置窗口焦点
- JS - 使用当前窗口大小设置窗口高度