我正在尝试使用angular ui bootstrap中的模式，但是当显示模式的代码执行时，窗口是模糊的，但是它没有显示，
模态的代码是：
<script type="text/ng-template" id="test.html">
<div class="modal-header">
<h3>XXXX</h3>
</div>
<div class="modal-body">
<p>XXXX</p>
</div>
<div class="modal-footer">
xxxxxx
</div>
</script>
显示模态的按钮：
<div class="container-fluid" ng-controller="MainController">
<button ng-click="showModal()" ></button>
</div>
控制器：
var app = angular.module('angularjs-starter', ['ui.bootstrap']);
app.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/', {
templateUrl: '/home.html'
});
}]);
app.controller('MainController', function($scope, $rootScope, $modal) {
$scope.showModal = function() {
$modal.open({templateUrl:'test.html', backdrop: true,windowClass: 'modal'});
};
});
上面的代码有什么问题吗？
我的问题是当我只加载了ui-bootstrap-tpls.min.js时，我同时包含了这两个js文件（ui-bootstrap.min.js和ui-bootstrap-tpls.min.js）。之后，它就像一个魅力。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句