Question

我有食物清单。食物项目由JSON文件组成，这些文件被读入名为$scope.foodlist的数组中。每个食品都有一个名为“收藏夹”的复选框。当它被检查时，我想制作食品的副本并将其放在一个名为“收藏夹”的单独div中。我怀疑最好的方法是使用数组$scope.favourites并在单击其复选框时向该数组添加食物项，并在未单击其复选框时将其删除。

在复选框上，我有：

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

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

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

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

如何将刚刚点击了哪个食品的知识传递给函数addFavourite()？

Plunkr here

Answer 1

只需将额外的参数传递给addFavourite函数。这是一个例子： Passing multiple argument to ng-click method

Answer 2

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

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

在AngularJS中的click事件上将项目从数组复制到另一个数组

2 个答案: