Javascript 如何用html页面替换模式对话框？我需要重定向到html页面而不使用模态对话框

我目前正在jhipster的帮助下开发一个web应用程序，它使用bootstrap和angular js

当我创建一个实体（例如：部门）时，它会为我生成CRUD操作

当我尝试创建一个部门时，它会向我显示一个弹出窗口，他们称之为MODAL

但我想在一个单独的页面，而不是作为一个弹出

如何将其从模式更改为html文件？

mystate.js文件

.state('department.new', {
        parent: 'department',
        url: '/new',
        data: {
            authorities: ['ROLE_USER']
        },
        onEnter: ['$stateParams', '$state', '$uibModal', function($stateParams, $state, $uibModal) {
            $uibModal.open({
                templateUrl: 'app/entities/department/department-dialog.html',
                controller: 'DepartmentDialogController',
                controllerAs: 'vm',
                backdrop: 'static',
                size: 'lg',
                resolve: {
                    entity: function () {
                        return {
                            deptId: null,
                            deptName: null,
                            id: null
                        };
                    }
                }
            }).result.then(function() {
                $state.go('department', null, { reload: true });
            }, function() {
                $state.go('department');
            });
        }]
    })

这就是你们想要我做的吗

.state('department.new', {
        parent: 'department',
        url: '/new',
        data: {
            authorities: ['ROLE_USER']
        },
        views: {
            'content@': {
                           templateUrl: 'app/entities/department/department-dialog.html',
                controller: 'DepartmentDialogController',
                controllerAs: 'vm',
            }
        },
                           resolve: {
                    entity: function () {
                        return {
                            deptId: null,
                            deptName: null,
                            id: null
                        };
                    }
                }
          .result.then(function() {
                $state.go('department', null, { reload: true });
            }, function() {
                $state.go('department');
            }),
                  })

---

请说明您当前的状态是部门，要创建一个新部门，您必须创建一个状态为部门。新建部门

如果是，则直接传递模板url，您无需打开uib模式。 .state（'department.new'{ url:“/new/”， 控制器：'DepartmentDialogController'， controllerAs:'vm'， templateUrl:'app/entities/department/department dialog.html'

---

})

请澄清您当前的状态是部门，要创建一个新的部门，您必须创建一个状态部门。新建

如果是，则直接传递模板url，您无需打开uib模式。 .state（'department.new'{ url:“/new/”， 控制器：'DepartmentDialogController'， controllerAs:'vm'， templateUrl:'app/entities/department/department dialog.html'

---

})

就像任何其他非弹出式页面一样，您已经找到了所需内容，但只需进行一些微小的修改和更正，如translatePartialLoader

        .state('department.new', {
                parent: 'department',
                url: '/new',
                data: {
                    authorities: ['ROLE_USER']
                },
                views: {
                    'content@': {
                        templateUrl: 'app/entities/department/department-dialog.html',
                        controller: 'DepartmentDialogController',
                        controllerAs: 'vm'
                    }
                },
                resolve: {
                    translatePartialLoader: ['$translate', '$translatePartialLoader', function ($translate, $translatePartialLoader) {
                        $translatePartialLoader.addPart('department');
                        return $translate.refresh();
                    }],
                    entity: function () {
                        return {
                            deptId: null,
                            deptName: null,
                            id: null
                        };
                }
            })

---

就像其他非弹出页面一样，您已经找到了所需的内容，但只需进行一些微小的修改和更正，如translatePartialLoader

        .state('department.new', {
                parent: 'department',
                url: '/new',
                data: {
                    authorities: ['ROLE_USER']
                },
                views: {
                    'content@': {
                        templateUrl: 'app/entities/department/department-dialog.html',
                        controller: 'DepartmentDialogController',
                        controllerAs: 'vm'
                    }
                },
                resolve: {
                    translatePartialLoader: ['$translate', '$translatePartialLoader', function ($translate, $translatePartialLoader) {
                        $translatePartialLoader.addPart('department');
                        return $translate.refresh();
                    }],
                    entity: function () {
                        return {
                            deptId: null,
                            deptName: null,
                            id: null
                        };
                }
            })

---

你能用一个真正的弹出窗口吗？不要用

$uibModal.open（{

只需导航到你传递的模板URL。我已经根据你的评论进行了编辑…请验证@hodrobond你能用一个真正的弹出窗口吗？不要用

$uibModal.open打开模式({

只需导航到您正在传递的templateUrl。我已根据您的评论进行了编辑…请验证@Hodrobond