fix(select): set value from queue when options change

[yggg]

Please read and mark the following check list before creating a pull request:

• I read and followed the CONTRIBUTING.md guide.
• I read and followed the New Feature Checklist guide.

Short description of what this resolves:

Fixes #1921.
Also probably related to #1336.

[codecov]

Codecov Report

Merging #2082 into master will increase coverage by 0.02%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master    #2082      +/-   ##
==========================================
+ Coverage   84.58%   84.61%   +0.02%     
==========================================
  Files         235      235              
  Lines        8040     8046       +6     
  Branches      707      708       +1     
==========================================
+ Hits         6801     6808       +7     
  Misses       1020     1020              
+ Partials      219      218       -1

Impacted Files	Coverage Δ
...mework/theme/components/select/select.component.ts	90.68% <100%> (+0.57%)	⬆️
...mework/theme/components/select/option.component.ts	98.18% <100%> (ø)	⬆️

[kavishsoam]

Its actually very simple

we all have be doing it in all along our project
just use ngModel, and assign its fixed value where you are recieving its api

<nb-select size="medium" placeholder="Shows Filter" [(ngModel)]="selectedValue" (selectedChange)="multipleSelected($event)" >
<nb-option *ngFor="let show of showData" [value]="show"> {{show}}

  this.http.get(environment.api_url + this.apiType + '/state').subscribe(res => {
    console.log(res);
    this.showData = res['result'];
    this.selectedValue = res['result'][0]
  },err => {
    console.log(err);
  })

also keep in mind if you have your nbSelect within formgroup and there are formControlName you can either make ngModel standalone : true

or if that doesn't works set formControlname value by
this.formName.controls.fieldName.setValue(this.data[0].value);

shout out to 🎉
@rbrijesh