我目前正在 jhipster 的帮助下开发一个网络应用程序,它使用 bootstrap 和 Angular js。
当我创建一个实体(例如:部门)时,它会为我生成 CRUD 操作。
当我尝试创建一个部门时,它会向我显示一个弹出窗口,他们称之为MODAL
但我希望将其放在单独的页面中,而不是作为弹出窗口。
我的state.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');
}),
})
最佳答案
就像任何其他非弹出页面一样,您已经找到了您需要的内容,但进行了一些微小的修改和更正,例如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
};
}
})
关于javascript - 如何用html页面替换模态对话框?我需要重定向到 html 页面而不使用模式对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38594164/