javascript - Angular ui 路由器 : child state not accessing parent controller

Question

我正在我的 Angular 应用程序中使用 ui.router 的嵌套 View 。这是我的 .config 的相关部分:

$urlRouterProvider.otherwise('/');

$stateProvider
.state('home', {
    url: '/',
    templateUrl: 'app/components/home/home.html',
    controller: 'HomeController'
})
.state('admin', {
    url: '/admin',
    templateUrl: 'app/components/admin/admin-dashboard.html',
    controller: 'AdminCtrl'
})
.state('admin.page-1', {
    templateUrl: 'app/components/admin/page-1/page-1.view.html',
    controller: 'AdminCtrl'
})

发生的事情是，尽管 admin.page-1 View 被正确加载到 admin View 中，但它似乎无法访问 AdminCtrl.

这是 Controller :

(function() {
    'use strict';

    angular
        .module('peaches')
        .controller('AdminCtrl', Controller);

    Controller.$inject = ['$scope'];

    function Controller($scope) {
        var vm = this;

        vm.test = "Hello."
        console.log(vm.test);

        vm.organization  = {
            name: "Western Fund"
        };

        activate();

        function activate() {

        }
    }
})();

当我转到 admin.page-1 时，console.log(vm.test) 确实有效，但它似乎没有加载到我的嵌套 View 中， page-1.view.html，这里:

<div class="col-xs-12">
    <h1>{{vm.test}}</h1>
</div>

我做错了什么？

Answer 1

正如 Apédémak 和 dhavalcengg 所说，我没有在我的路由中定义 controllerAs，所以 vm 没有定义。这解决了问题:

.state('admin', {
    url: '/admin',
    templateUrl: 'app/components/admin/admin.html',
    controller: 'AdminCtrl as vm'
})