javascript - 在AngularJS中的单击事件上将一个项目从一个数组复制到另一个数组

Question

我有一份食物清单。食品项目由读取到名为$scope.foodlist. 每个食品项目都有一个名为“最喜欢”的复选框。当它被选中时，我想复制食物并将其放在一个名为“收藏夹”的单独 div 中。我怀疑最好的方法是创建一个数组$scope.favourites，并在单击其复选框时将食物项添加到该数组中，并在未单击其复选框时将其删除。

在复选框上，我有：

<input type="checkbox" ng-click="addFavourite($event)" />

现在，对于我有这个功能：

 $scope.addFavourite = function(event) {
   $scope.clicked= "clicked";
 };

{{ clicked }}这会在模板中打印出单词“clicked” 。

如何将刚刚单击的食物项目的知识传递给函数addFavourite()？

戳这里

Answer 1

只需将额外的参数传递给 addFavourite 函数。这是一个示例： 将多个参数传递给 ng-click 方法

Answer 2

有些人提供了如何处理 AngularJS 中的复选框的教程：

• 答案：https ://stackoverflow.com/a/14520103/1477415
• 教程http://jsbin.com/ImAqUC/1