Question

我正在使用Ionic 4和Angular 7，并且尝试使用jsonplaceholder api做一个演示应用程序。我的问题是如何链接帖子和用户，以便在显示帖子列表时可以显示post.title和post.user.name。

在我的posts.page.ts中，我有方法：

  getPosts(): void {
   this.pService.getPosts()
     .subscribe(data => this.posts = data);
  }

，在帖子服务中，我调用了api：

  apiUrl: string = 'http://jsonplaceholder.typicode.com';
  getPosts(): Observable<Post[]> {
   return this.http.get<Post[]>(this.apiUrl + '/posts');
  }

而post.page.html是：

  <ion-card *ngFor='let post of posts' routerLink="/post/{{post.id}}">
   <ion-card-header>
    <ion-card-title>{{post.title}}</ion-card-title>
   </ion-card-header>
   <ion-card-content>
    <p>User: {{post.userId}}</p>
    <p>{{post.body}}</p>
   </ion-card-content>
   </ion-card>

但我想显示post.user.name而不是post.userId，其中post.userId与http://jsonplaceholder.typicode.com/user ID匹配。谢谢

Answer 1

您可以获得关系：

https://jsonplaceholder.typicode.com/posts?_expand=user

我已经从https://github.com/typicode/json-server中读到了这本书，它为jsonplaceholder网站提供了动力。

离子/角度合并2 Api

1 个答案: