我有以下内容:
.state('a.abc',{
url: '/abc',
views : {
wizards : {
templateUrl : 'abcLeft.html', },
contentDetails : {
templateUrl : 'abcRight.html', } } })
.state('a.abc.add',{
url: '/add',
views : {
wizards : {
templateUrl : 'abcAddLeft.html', },
contentDetails : {
templateUrl : 'abcRight.html', } } })
A - 主UI视图。
B - 在A(左侧)下。它有所有项目的列表。
C - 在A(右侧)下。显示上述相同的列表,但显示不同的格式和附加数据
A,B,C是上述层次结构中的ui视图。
B和C视图都有“添加新”和“编辑”按钮。点击那些,我导航到左侧div替换为Add / Edit div的状态。注意右div仍然保持相同,其中有详细的items列表。所以,对于右侧,我给出了相同的模板URL 。但它仍然会重新加载正确的div。
我不能将右侧div视为抽象,因为它不是div的父级。