多个ng视图,我想重新加载1 ui-view

时间:2015-02-04 08:55:25

标签: angularjs angular-ui-router

我有以下内容:

.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的父级。

0 个答案:

没有答案