我正在尝试将我的打字稿模型绑定到后端的数据,以显示在ng-select下拉列表中。 我的ng-select HTML如下所示:
<ng-select [items]="employeeAccounts | async" (change)="accountSelected($event)" [loading]="isLoadingAccounts" placeholder="Please Select"></ng-select>
我收集要在下拉列表中显示的数据的Typescript如下所示:
ngOnInit() {
this.getEmployeeAccounts(1);
}
getEmployeeAccounts(employeeId) {
this.isLoadingAccounts = true;
this._apiService.GetEmployeeAccounts(
(data) => {//success
this.employeeAccounts = data;
this.isLoadingAccounts = false;
},
(data) => {//error
alert('Something went wrong!');
this.isLoadingAccounts = false;
},
employeeId);
}
然而,当我运行应用程序时,我收到以下错误:
ConfigurationComponent.html:2错误错误:InvalidPipeArgument: 管道'AsyncPipe'的'[object Object],[object Object]' at invalidPipeArgumentError(common.js:4283) 在AsyncPipe._selectStrategy(common.js:5732) 在AsyncPipe._subscribe(common.js:5714) 在AsyncPipe.transform(common.js:5688) 在Object.eval [as updateDirectives](ConfigurationComponent.html:6) at Object.debugUpdateDirectives [as updateDirectives](core.js:14697) 在checkAndUpdateView(core.js:13844) 在callViewAction(core.js:14195) 在execComponentViewsAction(core.js:14127) 在checkAndUpdateView(core.js:13850)
我认为这是因为在ng-select中定义了async关键字,但是没有它,下拉列表不会显示任何项目,但也不会抛出任何错误。
我的问题是关于ng-select(https://github.com/ng-select/ng-select)InvalidPipeArgument错误。这是一个独特的问题,而不是重复的问题。
如何解决此错误?