相关疑难解决方法(0)

AngularJS bootstrap.ui模式没有显示

我试图使用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资源被加载,点击灰色时屏幕恢复正常,但没有模态出现?

javascript twitter-bootstrap angularjs

21
推荐指数
4
解决办法
4万
查看次数

标签 统计

angularjs ×1

javascript ×1

twitter-bootstrap ×1