title: How to get the selected chip of angular-material chips?
body: <p>You can select the <code>md-chip</code> elements in <code>md-chips</code> by clicking on them, but I haven't found a good method to find out which one got selected in the controller.</p>
  
  <p>Has anyone accomplished this?</p>
  
  <pre><code>&lt;md-chips ng-model="ctrl.roFruitNames"&gt;
    &lt;md-chip-template&gt;
      &lt;strong&gt;{{$chip}}&lt;/strong&gt;
      &lt;em&gt;(fruit)&lt;/em&gt;
    &lt;/md-chip-template&gt;
  &lt;/md-chips&gt;
  </code></pre>
  
  <p><a href="http://codepen.io/anon/pen/QbOaLz" rel="noreferrer">http://codepen.io/anon/pen/QbOaLz</a></p>