ng-select - 数据未根据 JSON 正确加载

Question

我正在尝试使用以下函数加载下拉数据。（使用 ng-select 库）

loadBranches() {
  this.registrationService.getBranchName().subscribe(data => {
    console.log(data);
     this.branchModel$ = data['data']['branchArr'];

  });
}

目前，我的控制台日志数据已正确加载。请查看以下屏幕截图：

这是我的 HTML 代码。

<ng-select [items]="branchModel$ | async" bindLabel="branchName" required
    (change)="getBankInfo($event);" name="branchName" bindValue="title"
     placeholder="Select Branch" [(ngModel)]="reserve.branchName">
</ng-select>

但是这个方法没有用。你能帮我加载这个下拉菜单吗？

Answer 1

预期 branchModel$ 是 Observable<any[]> 类型。

解决方案

因此您需要使用 of rxjs 运算符将数组转换为 Observable。

import { of } from 'rxjs';

this.branchModel$ = of(data['data']['branchArr']);

Sample Solution on StackBlitz

ng-select - 数据未根据 JSON 正确加载

ng-select - Data not loading correctly according to JSON

typescript

angular-ngselect

angular

解决方案