angular - 无效管道参数 : '[object Object], for pipe ' AsyncPipe'

Question

我有异步管道和观察者组合的问题。我一直在尝试创建一个带有“玩家”和 app.component 的 team.service，它将获取该数据。我收到以下错误:

InvalidPipeArgument: '[object Object],[object Object],[object Object]' for pipe 'AsyncPipe'

此外，当我删除异步管道时，它可以工作。有人知道如何解决吗？我的代码

团队服务:

export class TeamService {

  fillPlayers(): any {
    return [
      { 'name': 'Buzz', 'surname': 'Astral' },
      { 'name': 'Mad', 'surname': 'Max' },
      { 'name': 'Eazy', 'surname': 'E' }
    ];
  }

  constructor() {}

  getPlayersWithObservable(): Observable<TeamInterface[]> {
    return this.fillPlayers();
  }
}

app.component.ts

export class AppComponent {

  observableTeam: Observable<TeamInterface[]>;

  constructor(private _teamService: TeamService) {}

  ngOnInit() {
    this.observableTeam = this._teamService.getPlayersWithObservable();
  }
}

应用程序组件.html

  <ul>
    <li *ngFor="let player of observableTeam | async">
      {{ player.name }}
    </li>
  </ul>

Answer 1

删除 async ，您返回的只是一个数组而不是可观察的

<li *ngFor="let player of observableTeam">
      {{ player.name }}
 </li>

并将您的返回类型更改为，

 getPlayersWithObservable(): any {
    return this.fillPlayers();
  }

和

 observableTeam: <TeamInterface[]>=[]>;