如何解决NGRX数据的角度自动完成功能
我正在尝试使用ngrx数据构建一个简单的自动完成功能。我的过滤工作正常, 但我一直在努力获取所选的值。
这是我的模板
<input
[ngModel]="value"
(ngModelChange)="onModelChange($event)"
nbInput
type="text"
placeholder="Stadium"
[formControl]="inputFormControl"
[nbAutocomplete]="autoNgModel" />
<nb-autocomplete #autoNgModel (selectedChange)="onSelectedChange($event)">
<nb-option *ngFor="let stadium of filteredNgModelOptions$ | async" [value]="stadium.name">
{{ stadium.name }}
</nb-option>
</nb-autocomplete>
这是我的组件
filteredNgModelOptions$: Observable<Stadium[]>;
inputFormControl: FormControl;
value: Stadium;
ngOnInit() {
this.stadiumsService.getAll();
this.filteredNgModelOptions$ = this.stadiumsService.entities$;
this.inputFormControl = new FormControl();
}
private filter(value: string): Observable<Stadium[]> {
this.stadiumsService.setFilter(value);
return this.stadiumsService.filteredEntities$;
}
onModelChange(value: string) {
console.log('value',value);
this.filteredNgModelOptions$ = this.filter(value);
}
onSelectedChange(value: any){
// NEED TO GET SELECTED ID OR STADIUM
问题在于,仅使用Stadium.name作为$ event来调用“ onSelectedChange($ event)”。 然后我不知道如何获得完整的体育场或仅获得Stadium.id
提前谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。