我无法在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"
}
}
})
在这里检查
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句