我正在使用具有ngx-mat-select-search的选择组件,我想设置一个在调用该组件时选择的默认值,但是它没有显示并且看不到任何错误在控制台上。我不知道发生了什么,我想念什么?
这是StackBlitz
https://stackblitz.com/edit/angular-hre1qd
这里也是我用来设置默认值的主要代码:
test.component.html] >>
] >><mat-form-field [formGroup]="formData" class="prueba"> <mat-select formControlName="valueSelect" #singleSelect> <mat-option> <ngx-mat-select-search [formControl]="inputFilter" [placeholderLabel]="'Search...'" [noEntriesFoundLabel]="'Not Found...'"> <i class="mdi mdi-close menu-icon" ngxMatSelectSearchClear></i> </ngx-mat-select-search> </mat-option> <mat-option value='-1' selected>{{defaultValue}}</mat-option> <mat-option *ngFor="let data of controlFilter | async" [value]="data[dataValue]"> {{ data[dataShow] }} </mat-option> </mat-select> </mat-form-field>
test.component.ts
setInitialValue() { this.controlFilter.next(this.dataSource.slice()); this.formData .get("valueSelect") .setValue(this.dataSource[2]); // WHY IS NOT CHANGING TO A DEFAULT VALUE }
感谢您的指教!
我正在使用具有ngx-mat-select-search的选择组件,我想设置一个在调用该组件时选择的默认值,但是它没有显示并且看不到任何错误在控制台上。我...
这是因为您只需要传递code
而不是整个对象:
.setValue(this.dataSource[2].code);
您正在将整个对象分配给'valueSelect',要自动填充选项,您只需要在此处传递引用即可使用的唯一代码,默认值将被自动填充