title: Remove checked row Angular
body: <p>I have a list of field in row. The user can add the row. How can I make a function which removes the checked rows? I was thinking to add to them in a new array, but I don't know how to filter the selected item.</p>
  
  <p><a href="http://plnkr.co/edit/S2tudP0kJcVUiKZKRa7j?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/S2tudP0kJcVUiKZKRa7j?p=preview</a></p>
  
  <pre><code>  &lt;body ng-controller="DuplicateInputCtrl" class="container"&gt;
  &lt;div data-ng-repeat="food in foods"&gt;
    &lt;div class="form-group title-field"&gt;
      &lt;label for=""&gt;Food&lt;/label&gt;
      &lt;select class="form-control input-full" data-ng-model="food.Selection"
          data-ng-options="foodType.code as foodType.type for foodType in foodTypes"&gt;
          &lt;option value=""&gt;Select&lt;/option&gt;
      &lt;/select&gt;
      &lt;input type="hidden"&gt;
      &lt;button data-ng-click="removeItem($index)" class="btn delete-field-{{$index}}"&gt;
        Delete
      &lt;/button&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
  
          &lt;input style="background: white; color: black;" type="text" id="myInput"  class="form-control" data-ng-model="food.Text"/&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>    &lt;/div&gt;
  &lt;/div&gt;
  {{foods | json}}
  &lt;button data-ng-click="cloneItem()" class="btn inline"&gt;
    Add
  &lt;/button&gt;    
      &lt;button data-ng-click="" class="btn inline"&gt;
    Remove Selected
  &lt;/button&gt;  
  </code></pre>
  
  <p></p>
  
  <p>Thank you! </p>