用所有数据初始化mat-autocomplete选项

Question

当我开始在formcontrol上输入键时，自动完成工作很好，但我希望它与所有数据初始化，以便当我单击formcontrol(没有输入键)时，选项将显示所有数据。现在所有的课程数据只会显示，如果我输入一个键，然后我删除它。

HTML

<form [formGroup]="personalFg">
...
<input matInput required 
formControlName="course" 
[matAutocomplete]="coursesAutoComplete">

<mat-autocomplete autoActiveFirstOption #coursesAutoComplete="matAutocomplete">
<mat-option *ngFor="let option of filteredCourses | async" [value]="option.name">
<div fxLayout="column">
...
</div>
</mat-option>
...
</form>

TS

courses$ = this.store.select(getCourses);
filteredCourses (){
return this.personalFg.get('course').valueChanges.pipe(
withLatestFrom(this.courses$),
map(([value,colleges])=>{
return  colleges.filter((college)=> {
...
return ...
})
})
)
}

我想用courses$

的值初始化filteredCourses()

Answer 1

可以使用startsWith操作符从初始值开始

filteredCourses (){
return this.personalFg.get('course').valueChanges.pipe(
startWith(''),
withLatestFrom(this.courses$),
map(([value,colleges])=>{
return  colleges.filter((college)=> {
...
return ...
})
})
)
}