小编Mik*_*kou的帖子

由于官方文档对$injector(服务)的解释不足,我很难理解它是如何工作的.有多少$injector可以彼此每个应用程序？我应该什么时候使用它？$injector工作怎么样？(依此类推)请向我提供一个真实世界的解释和一些JavaScript沙盒示例.

当我尝试在ng-click上更新我的数组时,为了更新我的ng-repeat的指令项:

<li ng-repeat="itemL1 in mainMenuL1Arr"
    ng-click="selectL2menu(itemL1.name)">
  <i ng-class="getClass(itemL1.icon)"></i>
</li>

selectL2menu()在控制器上定义为:

$scope.selectL2menu = function selectL2menu(itemL1name){
        $scope.$apply(function () {
            $scope.mainMenuL2CurArr = $scope.mainMenuL2Obj[itemL1name];
        });
}

在点击第一级菜单项后,它应该显示具有相应元素的第二级菜单块(通过使用相应的值更新数组,见下文).这是我需要在点击时更新的第二级菜单块:

<li ng-repeat="itemL2 in mainMenuL2CurArr"
    class="subMenuElemBlock"
    ng-class="{active: itemL2.selected}">
        <a href="#">
             <i ng-class="getClass(itemL2.icon)"></i>
             <span>{{itemL2.name}}</span>
        </a>
</li>

触发click事件时 - 我的阵列已成功更新.然而ng-repeat指令没有更新我的第二级菜单(基于更新数组).我试过(和没有)使用$ apply函数 - 相同的结果(虽然使用$ apply错误消息出现错误:$ apply已在进行中).

那么,为什么我的数组成功更新点击未在ng-repeat指令菜单元素上显示？

我已经阅读了相关帖子(链接,链接,链接),但没有找到任何工作决定.