我正在使用angularjs并希望使用bootstrap和spring servlet显示弹出窗口

时间:2016-07-14 11:51:25

标签: javascript angularjs spring twitter-bootstrap

我正在使用angularjs来显示许多页面,其中一个页面包含smart-table我用它来显示“用户”的详细信息 当我想编辑其中一个用户时,我想将编辑页面显示为弹出窗口

我的app.js

config.$inject = ['$routeProvider', '$locationProvider'];
function config($routeProvider, $locationProvider) {
    $routeProvider
    .when('/', {
        controller: 'HomeController',
        templateUrl: 'home',
        controllerAs: 'vm'
    })

    .when('/login', {
        controller: 'LoginController',
        templateUrl: 'login',
        controllerAs: 'vm'
    })

    .when('/register', {
        controller: 'RegisterController',
        templateUrl: 'register',
        controllerAs: 'vm'
    })

     .when('/users', {
        controller: 'usersListController',
        templateUrl: 'users',
    })

    .when('/user-modal', {
        templateUrl: 'user_model',
    })

        .otherwise({ redirectTo: '/login' });
}

我的cotroller显示弹出窗口

this.openUser = function(row) {
                    service.GetUsers(row.userId).then(function(data){

                        var modalInstance = $uibModal.open({

                            templateUrl : '/user_model',
                            controller : 'MonitoringModalController',

                    };

我使用spring servlet进行重定向,这是代码

@RequestMapping(value = "/user_model", method = RequestMethod.GET)
    public ModelAndView user_model(HttpServletRequest request) {
        try{
            logger.info("MappingController --> Users List...");
        }catch(Exception e){
            logger.fatal(new MasterProtectionLogger().reportError("MappingController.users()", e, logger));
        }
        return new ModelAndView("users/user_model");
    }

但我点击按钮显示弹出窗口我收到此错误

angular.js:10765 GET http://localhost:8080/MasterProtection/user_model 404(未找到)(匿名函数)@ angular.js:10765sendReq @ angular.js:10558serverRequest @ angular.js:10268processQueue @ angular.js:14792(匿名函数)@ angular.js:14808 $ eval @ angular.js:16052 $ digest @ angular.js:15870 $ apply @ angular.js:16160(匿名函数)@ angular.js:23618dispatch @jquery-2.0.3.min。 js:5y.handle @jquery-2.0.3.min.js:5 angular.js:12520错误:[$ compile:tpload]无法加载模板:./ user_model(HTTP状态:404未找到)

1 个答案:

答案 0 :(得分:0)

请检查user-modaluser-model。看起来你错误印刷了。

下面:

 templateUrl : './user-modal',

在这里:

@RequestMapping(value = "/user_model", method = RequestMethod.GET)