How to clear ng-select selection

Question

Is it possible to programmatically clear the selection of an ng-select dropdown? I'm wanting the equivalent behaviour of clicking the clear icon, but triggered programmatically.

I was expecting a clear() method or something similar, but the documented API doesn't have anything along those lines.

This is my dropdown code:

<ng-select class="ng-select-wrap"            [searchFn]="multiTermSearch"            [items]="calculationOptions"            placeholder="Please select..."            name="calculation"            #calculationValue="ngModel"            [(ngModel)]="selectedCalculation"> </ng-select>  

Answer 1

Here is solution from comment:

  // Access ng-select   @ViewChild(NgSelectComponent) ngSelectComponent: NgSelectComponent;    // Call to clear   this.ngSelectComponent.handleClearClick(); 

Note that handleClearClick isn't exposed in docs as public api method however as Tim mentioned it's public method so it's possible to call it.

Answer 2

I was looking for the same but for templates to invoke it outside ng-select. So, the below worked fine for me following the accepted answer. ^_^

<ng-select class="ng-select-wrap"            [searchFn]="multiTermSearch"            [items]="calculationOptions"            placeholder="Please select..."            name="calculation"            (clear)="resetCalculations();"            [(ngModel)]="selectedCalculation" #selectDropdown> </ng-select>  <input type="button" (click)="selectDropdown.handleClearClick()"> 

This also makes sure the resetCalculations() being called.