mdChips with filter
<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>