title: Copy an item from an array to another array on click event in AngularJS
body: <p>I have a list of food items. The food items are made from JSON files read into an array called <code>$scope.foodlist</code>. 
  Each food item has a checkbox called "favourite". When it's checked I want to make a copy of the food item and place it in a separate div called "favourites". I suspect the best way to do this will be to have an array <code>$scope.favourites</code> and to add a food item to this array when its checkbox is clicked, and remove it when its checkbox is not clicked. </p>
  
  <p>On the checkbox, I have:   </p>
  
  <pre><code>&lt;input type="checkbox" ng-click="addFavourite($event)" /&gt;
  </code></pre>
  
  <p>Right now, for the function I have this: </p>
  
  <pre><code> $scope.addFavourite = function(event) {
     $scope.clicked= "clicked";
   };
  </code></pre>
  
  <p>This prints out the word "clicked" to <code>{{ clicked }}</code> in the template.</p>
  
  <p>How can I pass the knowledge of which food item has just been clicked, to the function <code>addFavourite()</code>?</p>
  
  <p><a href="http://plnkr.co/edit/9J73vQwsYzt4V5TLkpLb?p=preview" rel="nofollow">Plunkr here</a></p>