title: Angular 4 + Material Design chips in input
body: <p>I have list of removable chips:</p>
  
  <pre><code>&lt;md-chip-list&gt;
    &lt;md-chip *ngFor="let chip of chips; let i = index"  
             color="accent"&gt;
      {{chip}}
      &lt;i class="fa fa-close" (click)="remove(i)"&gt;&lt;/i&gt;
    &lt;/md-chip&gt;
  &lt;/md-chip-list&gt;
  </code></pre>
  
  <p>But I need to create them in input or in text area like in this example:</p>
  
  <p><a href="https://material.angularjs.org/latest/demo/chips" rel="nofollow noreferrer">https://material.angularjs.org/latest/demo/chips</a></p>
  
  <p>How can I do that?</p>