加载正确的子代时出现角度错误

Question

我有以下角度应用程序：

plunker

单击“ My academic course旁边的+时，它将打开一个新面板以获取可供选择的课程列表。 在这里，当我们单击“ Academic ”时，将显示一个包含所有子项的新面板。 但是，当我单击“ Associate in Applied Sciences Degree它仍然显示相同的孩子吗？ 任何想法，我要去哪里错了？

Answer 1

可能不是最好的解决方案，但这是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>