具有多个ui-views的模板 - >在一个ui视图中显示状态

时间:2015-08-26 12:07:30

标签: angularjs angular-ui-router

我的索引页面如下:

{{#content "left"}}
    <div ui-view="viewLeft"></div>
{{/content}}

{{#content "main"}}
    <div ui-view="viewMain"></div>
{{/content}}

在“viewLeft”中,我想要一个带有链接的菜单,可以在“viewMain”中加载/显示各种状态。我无法想象如何做到这一点:(

我的模块定义如下:

angular
    .module('__MODULE__.projektbeteiligung', ['ui.router'])

    .config(function ($stateProvider) {$stateProvider
        .state('projektbeteiligung', {
            url: '/projektbeteiligung',
            views: {
                "viewLeft": {
                    templateUrl: 'projektbeteiligung/projektbeteiligungLeft.tpl.html'
                },
                "viewMain": {
                    templateUrl: 'projektbeteiligung/projektbeteiligung.tpl.html',
                    controller: 'ProjektbeteiligungController'
                }
            }
        })
        .state('antrag_informationen', {
            url: '/antrag_informationen',
            views: {
                "viewLeft": {
                    templateUrl: 'projektbeteiligung/projektbeteiligungLeft.tpl.html'
                },
                "viewMain": {
                    templateUrl: 'projektbeteiligung/antrag_informationen.tpl.html',
                    controller: 'AntragInformationenController'
                }
            }
        })
        ;
    });

不知何故,这有效,但我想避免重新加载“viewLeft”。

0 个答案:

没有答案