Angularjs 如何使用两个ui视图独立项

我有一个应用程序，我希望两个面板（ui视图）单独工作

但是，当我单击“链接”以更改右侧面板时，中心面板将更改；当我单击以更改中心面板时，右侧面板将更改

---

我想知道如何解决这个问题。

您应该有一个主状态（父状态），用于定义视图（带有控制器和模板等） 然后可以拥有子状态，在子状态中可以使用绝对状态定义覆盖视图

$stateProvider.state('app', {
    url: '/',
    abstract: true,
    parent: 'app',
    views: {
        'panelLeft@app': {
             templateUrl: 'modules/panel/views/leftPanel.html',
             controller: 'LeftPanelCtrl as vm'
        },
        'panelRight@app': {
            templateUrl: 'modules/module1/views/anotherView.html',
            controller: 'Module1Ctrl as vm'
        }
    }
}).state('anotherstate', {
    url: '/',
    parent: 'app',
    views: {
        'panelRight@anotherstate': {
            templateUrl: 'modules/module2/views/differentView.html',
            controller: 'Module2Ctrl as vm'
        }
    }
});

---

注意：这只是scractch中的一个示例，在第一次运行时可能不起作用。

您应该有一个主状态（父状态），用于定义视图（带有控制器和模板等） 然后可以拥有子状态，在子状态中可以使用绝对状态定义覆盖视图

$stateProvider.state('app', {
    url: '/',
    abstract: true,
    parent: 'app',
    views: {
        'panelLeft@app': {
             templateUrl: 'modules/panel/views/leftPanel.html',
             controller: 'LeftPanelCtrl as vm'
        },
        'panelRight@app': {
            templateUrl: 'modules/module1/views/anotherView.html',
            controller: 'Module1Ctrl as vm'
        }
    }
}).state('anotherstate', {
    url: '/',
    parent: 'app',
    views: {
        'panelRight@anotherstate': {
            templateUrl: 'modules/module2/views/differentView.html',
            controller: 'Module2Ctrl as vm'
        }
    }
});

---

注：这只是scractch中的一个示例，在第一次运行时可能不起作用。

左右面板是否需要动态？我至少需要右面板是动态和独立的。左右面板是否需要动态？我至少需要右面板是动态和独立的。