Javascript Ui路由器-带模式框的嵌套视图
我试图使用AngularUI显示基于url的模式框。 我有三种状态-主状态、设置状态和基于设置状态的模式Javascript Ui路由器-带模式框的嵌套视图,javascript,angularjs,twitter-bootstrap,angular-ui,angular-ui-router,Javascript,Angularjs,Twitter Bootstrap,Angular Ui,Angular Ui Router,我试图使用AngularUI显示基于url的模式框。 我有三种状态-主状态、设置状态和基于设置状态的模式 $stateProvider .state('home',{ url:'/', views: { 'content': { templateUrl: 'views/partials/content.html', controller: 'ContentCtrl'
$stateProvider
.state('home',{
url:'/',
views: {
'content': {
templateUrl: 'views/partials/content.html',
controller: 'ContentCtrl'
}
})
.state('home.setting',{
url:'/setting',
views:{
'content@': {
templateUrl: '/views/partials/setting.html',
controller: 'SettingCtrl'
}
})
.state('home.setting.modal',{
url:'^/modal',
onEnter: function($state, $modal, $timeout, $stateParams, $location) {
if ($stateParams.id === "") {
return $location.path('/');
} else {
$modal.open({
templateUrl: 'views/modals/deepResultModal.html',
controller: "DeepResultCtrl",
}).result.then(function() {
}, function() {
return $location.path('/');
});
}
}
}
有了这个密码,我就一直得到这个
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.16/$injector/modulerr? p0=myapp&p1=Error%3A%….setting.modal'%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A3000%2Fve...<omitted>...e)
我尝试了home.modal状态而不是home.setting.modal,但它删除了父状态
如何在不删除父状态的情况下显示模式框?我遵循这一点,嵌套了home.setting.modal等状态,但它不起作用
如果你能帮我,那就太好了!提前谢谢你 在onEnter中的$location后面有一个额外的逗号。这是复制粘贴错误还是真的是这样?另外,您看到了吗:听起来您可能缺少一个模块。您在这里也缺少一个引号:。state'home.setting.modal,{应该是.state'home.setting.modal',{对不起,我在粘贴源代码时犯了这些错误。我检查了链接,但没有解决我的问题。