How to reset values in ng-select in angular

Question

I am using ng-select on a modal.

<div class="modal-body">
<div class="form-group has-feedback">
<ng-select #select name="currenies" [allowClear]="true" [items]="currencyList" [disabled]="disabled" (selected)="selected($event)" 
                        placeholder="Currency description + ISO code">
 </ng-select>

 </div>
</div>

After I close the modal, selected value attached to html remains constant. How to reset the ng-select?

I'm confused if this is for `angular` or `angularJs`. – Aravind Jun 12 '17 at 11:16 — Aravind, Jun 12 '17 at 11:16
this is angular not angularjs – KNimhan Jun 12 '17 at 11:50 — KNimhan, Jun 12 '17 at 11:50
Can you create a plunker. I'll help you fixing it. – Aravind Jun 12 '17 at 16:01 — Aravind, Jun 12 '17 at 16:01

score 3 · Answer 1 · answered Jun 12 '17 at 10:44

3

u can reset it using the method clear when the modal is closed :

 <div class="modal-body" (onClose)="select.clear()">

answered Jun 12 '17 at 10:44

Mohamed Ali RACHID

3,245
11
22

score -3 · Answer 2 · answered Jun 12 '17 at 10:48

-3

You can use this

$('#modal_id').on('hidden.bs.modal', function (e) {
  $(this).find("select").val('').end();
})

answered Jun 12 '17 at 10:48

sagar patel

591
5
18

How to reset values in ng-select in angular

2 Answers2