Question

我遇到了异步管道和观察者组合的问题。我一直在尝试使用＆＃39; player＆＃39;和app.component创建一个team.service，它将获得该数据。我收到以下错误：

InvalidPipeArgument：＆＃39; [object Object]，[object Object]，[object Object]＆＃39; for pipe＆＃39; AsyncPipe＆＃39;

更多，当我擦除异步管道时，它可以工作。有人知道如何解决？我的代码

team.service：

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();
  }
}

app.component.html

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

Answer 1

删除异步，你只返回一个不是一个可以想象的数组

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

并将您的返回类型更改为

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

和

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

InvalidPipeArgument：＆＃39; [object Object]，用于管道＆＃39; AsyncPipe＆＃39;

1 个答案: