title: Ngx-Chips - Autocomplete list not updated after receiving response
body: <p>I am using <a href="https://github.com/Gbuomprisco/ngx-chips/" rel="nofollow noreferrer">ngx-chips</a> plugin in my project.</p>
  
  <p>Now the dropdown list is populated using Http call to server.</p>
  
  <p><code>myContactList</code> data is updated on view as well but I cannot see the dropdown. If I type some text again the list shows up. But the list is old one not the data of latest request.</p>
  
  <p>These is also one issue registered in this plugin. <a href="https://github.com/Gbuomprisco/ngx-chips/issues/375" rel="nofollow noreferrer">See issue here</a></p>
  
  <p>I want list to update and show up as I receive response pron server.</p>
  
  <p>HTML : </p>
  
  <pre><code>&lt;tag-input id="myAnchor"  [(ngModel)]='items' (onTextChange)="onTextChange($event)" [onlyFromAutocomplete]="true"&gt;
      &lt;tag-input-dropdown [showDropdownIfEmpty]="true" [autocompleteItems]="myContactList"&gt;
          &lt;ng-template let-item="item" let-index="index"&gt;
              {{ item.display }}
              &lt;delete-icon (click)="input.removeItem(item, index)"&gt;&lt;/delete-icon&gt;
          &lt;/ng-template&gt;
      &lt;/tag-input-dropdown&gt;
  &lt;/tag-input&gt;   
  
  {{myContactList | json}}
  </code></pre>
  
  <p>TS :</p>
  
  <pre><code>onTextChange(text) {
      const data = {'Text': text};
      this.Service = this.myContactService.getSearchedContacts(data).subscribe(responseData =&gt; {
          this.myContactList = [];
          for (let index = 0; index &lt; responseData.length; index++) {
              responseData[index].display = responseData[index].name;
              responseData[index].value = responseData[index].id;
              this.myContactList.push(responseData[index]);
          }
      });
  }
  </code></pre>