title: Multiple select Dropdown using Angular with <input> tag
body: <p>I am building up angular 6 application, in which i am in the need to make a multi select dropdown using <code>&lt;input&gt;</code> text box without using <code>&lt;select&gt;</code>.</p>
  
  <p><strong>Html</strong>:</p>
  
  <pre><code>&lt;form&gt;
    Select User: &lt;input type="text" name="user" [value]="users"&gt;&lt;br&gt;
    &lt;button type="submit"&gt; Submit &lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>Ts</strong>:</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'my-app',
    templateUrl: './app.component.html',
    styleUrls: [ './app.component.css' ]
  })
  export class AppComponent  {
      users = ['First User', 'Second User', 'Third User', 'Fourth User'];
  }
  </code></pre>
  
  <p>I also need to do it using <strong>Pure Javascript, Tpescript</strong>, and also <strong>Without third party or jquery</strong>.</p>
  
  <p>Also recommended <strong>not</strong> to use html <strong>datalist</strong>.</p>
  
  <p>I have a lot of search for it but couldn't find a proper solution for it.
  Kindly help me to achieve the result.</p>
  
  <p><strong>Stackblitz</strong>: <a href="https://stackblitz.com/edit/angular-v7kmbq" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-v7kmbq</a></p>