我无法在UI-Router中将状态从视图页面更改为编辑页面,反之亦然。我尝试过的事情:
控制器:
$stateProvider
.state('showViewA', {
views: {
" ": {
template: "default.html",
controller:"DefaultController.ts"
},
"viewB@showViewA": {
template: "viewPage.html",
controller:"DefaultController.ts"
}
}
})
.state('showViewA@EditshowViewA', {
views: {
" ": {
template: "defaultEdit.html",
controller:"DefaultEditController.ts"
}
}
})
.state('showViewA@ViewshowViewA', {
views: {
" ": {
template: "defaultShow.html",
controller:"DefaultShowController.ts"
}
}
})
在default.html
中,我只加载了当我第一次打开页面时需要看到的视图。,编辑页
<div ui-view="showViewA"></div>
显示编辑页面。在保存编辑页面时,我需要将编辑页面替换为我给出状态showViewA@ViewshowViewA
的视图页面。但这不是重定向。我能知道我哪里做错了吗?
有一个可工作的活塞
让我们假设这是 default.html
内容:
<div >
<h2>The default view (layout)</h2>
<b>place holder for viewB</b>
<hr />
<div ui-view="viewB"></div>
</div>
然后让我们的状态与这些链接一起工作:
<a ui-sref="showViewA">
<a ui-sref="showViewA.EditshowViewA">
<a ui-sref="showViewA.ViewshowViewA">
这将是调整后的状态定义(更改是新的行-旧的保留注释值)。
带内部视图的父状态,注入ui-view="viewB"
占位符/锚
.state('showViewA', {
url: '/',
views: {
//" ": {
"": {
//template: "default.html",
templateUrl: "default.html",
//controller:"DefaultController.ts"
controller: "DefaultController"
},
"viewB@showViewA": {
//template: "viewPage.html",
templateUrl: "viewPage.html",
//controller: "DefaultController.ts"
controller: "DefaultController"
}
}
})
子视图注入到同一个ui-view="viewB"
//.state('showViewA@EditshowViewA', {
.state('showViewA.EditshowViewA', {
views: {
//" ": {
"viewB": {
//template: "defaultEdit.html",
templateUrl: "defaultEdit.html",
//controller:"DefaultEditController.ts"
controller: "DefaultEditController"
}
}
})
//.state('showViewA@ViewshowViewA', {
.state('showViewA.ViewshowViewA', {
views: {
//" ": {
"viewB": {
//template: "defaultShow.html",
templateUrl: "defaultShow.html",
//controller:"DefaultShowController.ts"
controller: "DefaultShowController"
}
}
})
点击这里