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

Question

我有以下angularjs app：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移至功能内部。