title: mdChips with filter
body: <p>I'm a Newbie to AngularJS trying something with Angular Material and need some ideas / help.</p>
  
  <p>I have icons of Font Awesome which are displayed with ng-repeat:</p>
  
  <pre><code>&lt;ul ng-repeat="item in items"&gt;
    &lt;i ng-class="{'test': item.active}" class="fa fa-{{item.name}}"&gt;{{item.name}}&lt;/i&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Below I have a list of the icons a with checkboxes:</p>
  
  <pre><code>&lt;span ng-repeat="item in items | filter: item.active = false"&gt;
    &lt;input type="checkbox" ng-model="item.active"&gt; {{item.name}}&lt;br&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>If a checkbox is activated, the list entry should disappear from the list.
  This works with the filter of the property <code>item.active</code></p>
  
  <p>Now I want to display the activated items above the list with md-chips (Angular Material Chips).</p>
  
  <p>So if a list item is activated, the element should be a md chip above the list (not displayed in the list anymore).</p>
  
  <p>If I click on the 'X' in md-chip, only the state of the property item.active should change again to false.</p>
  
  <p>I have my working files on Plunker, so my current working state can be read:
  <a href="https://plnkr.co/edit/t3Xpp2AKEJHXBWhkLUYZ?p=preview" rel="nofollow">https://plnkr.co/edit/t3Xpp2AKEJHXBWhkLUYZ?p=preview</a></p>
  
  <p>Does anybody got an idea how can I implement this?</p>