加载正确子对象时的角度错误

Angular error in loading correct children

本文关键字:错误 对象 加载      更新时间:2023-09-26

我有以下角度应用程序:

plunker

单击My academic course旁边的+时,会打开一个新面板,以获取可供选择的课程列表。在这里,当我们单击"Academic"时,它会显示一个新面板及其所有子面板。但当我点击Associate in Applied Sciences Degree时,它仍然显示给我相同的孩子?你知道我哪里错了吗?

可能不是最好的解决方案,但这里是指向plnkr的链接。

编辑:对于子孩子:plnkr(来自评论)。这仍然有相当多的错误(比如:尝试点击两个复选框:D)

以下是我的补充内容:控制器:

$scope.clickHandler = function (index) {
    $scope.currentProgram = $scope.programs[0].programlist[index];
};

视图:

 <li ng-repeat="p in programs[0].programlist" data-spy="scroll" >
                  <input type="checkbox" ng-click="display.addcourse = !display.addcourse; clickHandler($index)" value=""/>{{p.program}}
  </li>
  ...
    <div ng-show="display.addcourse" class="col-lg-4 col-md-4 col-sm-4">
        <div class="panel panel-info">
            <ul class="list-group" role="menu">
                <li ng-repeat="p in currentProgram.children" data-spy="scroll" class="list-group-item">
                    <a ng-click="display.addcoursedescription = true" >{{p.course}}</a>
                </li>
            </ul>
        </div>
    </div>