无法在选项卡中正确加载控制器

时间:2015-12-04 18:58:58

标签: angularjs angularjs-scope angular-ui-router

我正在尝试让控制器在选项卡中正确加载。 我在模块中尝试了以下方法来加载选项卡中的控制器。

$stateProvider
    .state('main', {
        url: '/main',
        data: {
            'selectedTab' : 0
        },
        templateUrl: 'main.html'            
    })
    .state('main.tab1', {
        url: '/tab1',
        data: {
            'selectedTab' : 1
        },
        templateUrl: 'tab1.html',
        controller: 'MembersCtrl as vm'         
    })
    .state('contact', {
        url: '/contact',
        data: {
            'selectedTab' : 2
        },
        templateUrl: 'tab2.html'
    });

当我加载选项卡时,当我调用控制器中的寄存器功能时似乎没有发生任何事情。 我可以尝试另一种方法。

1 个答案:

答案 0 :(得分:0)

.state('main.tab1', {
        url: '/tab1',
        data: {
            'selectedTab' : 1
        },
        templateUrl: 'tab1.html',
        controller: 'MembersCtrl',
        controllerAs: 'vm' // here's where you set it
    })