在Angular 5

时间:2018-05-24 06:50:16

标签: javascript angular typescript

我正在尝试将我的打字稿模型绑定到后端的数据,以显示在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错误。这是一个独特的问题,而不是重复的问题。

如何解决此错误?

0 个答案:

没有答案