Я пытаюсь отобразить модальный диалог, используя AnglerJS bootstrap.ui. Когда я делаю $modal.open(...), экран становится серым, а html из моего шаблонаUrl вызывается с сервера, но нет модальных дисплеев. Когда я нажимаю на серой области, модальная "закрывается", то есть серая область уходит, и экран снова выглядит нормально. Я не могу понять, почему я не вижу никакого модального экрана.
Я пытаюсь следовать этому руководству: Angular директивы
Я использую Visual Studio 2013, MVC 5, AngularJS 1.2.2.
Я использую bootstrap.css, который поставляется с проектом VS. В нем есть модальные классы. Я не сообщаю об ошибке с консоли 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();
};
}
И моя разметка:
<div ng-controller="blogController">
<a ng-click="showPrivacy()">Privacy Policy</a>
</div>
Любая идея, почему мой экран выглядит, ресурс /Privacy загружается, и экран возвращается в нормальное состояние при нажатии серого, но модальный не отображается?