title: How to reset ng-select in angular
body: <p>I want to reset ng-select when I click on clear button my code is as below:</p>
  
  <pre><code>&lt;ng-select (change)="setFilter('','')" 
             [items]="eventType"
             bindLabel="name"
             bindValue="id"
             placeholder="Select Event Type"
             [(ngModel)]="event_type" id="eventType"&gt;
  &lt;/ng-select&gt;
  &lt;button class="acq-btn acq-btn-default"(click)="clearFilter()"&gt;Clear&lt;/button&gt;
  </code></pre>
  
  <p>Function which I've created is as below:</p>
  
  <pre><code>eventType = [
      {id: 'create', name: 'Create'},
      {id: 'update', name: 'Update'},
      {id: 'delete', name: 'Delete'},
  ];
  
  clearFilter(){
      this.event_type = '';
      this.setFilter('','');
  }
  </code></pre>
  
  <p>Using select I'm filtering the data. Filtering is working fine.
  Clear button is also fine just the UI is showing cross sign like below:</p>
  
  <p><a href="https://i.stack.imgur.com/NjxXs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NjxXs.png" alt="enter image description here"></a></p>
  
  <p>Can you help me in this issue?</p>