[英]Launch bootstrap modal on page load AngularJS
我正在使用AngularJS创建网络应用,
我想在从AngularJS加载页面时启动引导程序模式,
这是我的模态:
<div class="modal hide fade" id="myModal">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>
这是我的控制器
<script>
var app = angular.module('myapp', []);
app.controller('myctrl', function ($scope, $window, $http) {
$('#myModal').modal('show');
})
</script>
在页面加载时启动模式的正确方法是什么?
这是因为模态结构是错误的,并且hide
类阻止了它的显示。
<div class="modal fade" id="myModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
..
</div>
<!-- /.modal-content -->
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.