从面板添加角度添加到列表

Question

我有以下angularjs应用： plunker

单击“ My academic course旁边的+时 ，它将打开一个新面板以获取可供选择的课程列表。 我想添加一项功能，以将从下拉列表中单击的课程保存到页面左侧的课程列表中。 我该如何处理？

Answer 1

在您的范围内添加函数以添加课程：

$scope.addProgram = function(program) {
  $scope.programs[0].programstaken.push(program);
  $scope.display.addprogram = false;
}

然后，将ng-repeat创建的程序对象传递给addProgram函数：

<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    Select <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li ng-repeat="p in programs[0].programlist">
      <a ng-click="addProgram(p)">{{p.program}}</a>
    </li>
  </ul>
</div>

这是一个演示： http : //plnkr.co/edit/1TGsgcHafJd4tisuM8Wo?p=preview

请注意，为清晰起见， display.addprogram = false已从ng-click移到函数内部。