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

Question

我有以下角度应用：

plunker

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

Answer 1

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

编辑：对于子项：plnkr（from comment）。这仍然有很多错误（例如：尝试点击两个复选框：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>