我试图使用AngularJS bootstrap.ui显示模式对话框.当我执行$ modal.open(...)时,屏幕灰显,我的templateUrl中的html从服务器调用,但没有模态显示.当我点击灰色区域时,模态"关闭",即灰色区域消失,屏幕再次显示正常.我无法弄清楚为什么我看不到任何模态屏幕.
我正在尝试遵循本教程: Angular指令
我使用的是Visual Studio 2013,MVC 5,AngularJS 1.2.2.
我正在使用VS项目附带的bootstrap.css.它有模态类.我没有从Javascript控制台报告错误.我的应用程序定义如下:
var blogApp = angular.module('blogApp', ['ngResource', 'ngSanitize', 'ui.bootstrap']) ...
blogApp.controller('blogController',
function blogController($scope, $modal, $log, blogData, userData) {
...
$scope.showPrivacy = function() {
$modal.open({
templateUrl: '/Privacy',
controller: 'PrivacyInstanceController'
});
return false;
};
});
var PrivacyInstanceController = function($scope, $modalInstance) {
$scope.close = function() {
$modalInstance.close();
};
}
Run Code Online (Sandbox Code Playgroud)
我的标记是:
<div ng-controller="blogController">
<a ng-click="showPrivacy()">Privacy Policy</a>
</div>
Run Code Online (Sandbox Code Playgroud)
知道为什么我的屏幕变灰,/ Privacy资源被加载,点击灰色时屏幕恢复正常,但没有模态出现?