时间戳

首页 > 解决方案 > 动态控制器未启动

javascript - 动态控制器未启动

问题描述

在这个名为 AngularJS UI router named views lazy loading的线程之后，我想要有许多选项卡，每个选项卡都分配了它自己的模板和控制器，如下所示：

angular.module('ppApp').config(function($stateProvider){
    $stateProvider
    .state('portfolio.patent', {
        url: '/:patentId',
        controller: 'mainItemCtrl',
        templateUrl: 'app/templates/patent/main.main-item.tpl.htm'
    }
})

angular.module('ppApp').controller('maintItemCtrl', function(){
    var vm = this;
    vm.leftTabs = {
        'tab1': {
            template: 'app/templates/child.sibling1.tpl.htm',
            controller: 'siblingOneCtrl'
        },
        'tab2': {
            template: 'app/templates/child.sibling2.tpl.htm',
            controller: 'siblingTwoCtrl'
        }
    }

});


<uib-tabset active="active">
    <uib-tab ng-repeat="(tabName,tab) in $ctrl.leftTabs" heading="{{tabName}}">
        <div template={{tab.template}} controller="{{tab.controller}}">Loading {{tabName}} ...</div>
    </uib-tab>
</uib-tabset>

我为兄弟控制器设置了控制器，并且它们一直在工作，直到尝试将它们动态加载到选项卡中。尽管没有调用控制器，但模板正在加载到视图中。如果我检查源代码，控制器指令将两个兄弟控制器作为值。

问题

为什么我的控制器没有启动？

标签： javascriptangularjs

解决方案

我从未尝试过，但这可能是因为表达式插值发生得太晚，无法访问和影响控制器构造和初始化发生的生命周期阶段。

至少，在指令控制器中，插值发生在 之后$postLink，这意味着此时所有子控制器都已链接，并且在父控制器的生命周期中声明和实例化新的子控制器为时已晚。

编辑： 这已由文档确认：

控制器构造函数。控制器在预链接阶段之前被实例化，并且可以被其他指令访问（参见 require 属性）。

推荐阅读