以角度和离子获取单个帖子的详细信息

马福蒂斯

我正在尝试获取单个帖子的详细信息,但它似乎返回所有帖子的数组,而不是单击一个帖子,

代码

Post service

export class PostsService {

  apiUrl = 'https://example.com/api/posts/';

  constructor(private http: HttpClient) { }


  getPosts(): Observable<any> {
    return this.http.get(`${this.apiUrl}`).pipe(
      map(posts => posts)
    );
  }

  //getting single post
  getDetails(url) {
    return this.http.get(`${this.apiUrl}?i=${url}&plot=full`);
  }

}

post detail controller

export class PostsDetailsPage implements OnInit {

  post: any;

  constructor(private activatedRoute: ActivatedRoute, private postsService: PostsService) { }

  ngOnInit() {
    let url = this.activatedRoute.snapshot.paramMap.get('url');
    this.postsService.getDetails(url).subscribe(res => {
      this.post = res;
      console.log(res); //see next part
    });
  }
}

console.log(res); returns

(73) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

res 在我的帖子控制器中应该返回单个帖子详细信息,但它的行为与我的博客页面相同(返回所有帖子)。

routes

{ path: 'posts', loadChildren: './pages/posts/posts.module#PostsPageModule' },

{ path: 'posts/:url', loadChildren: './pages/posts-details/posts-details.module#PostsDetailsPageModule' },

任何想法?

更新

一

二

如您所见,我的后端工作正常,问题出在我的前端功能上(上面已分享)

马福蒂斯

解决了

问题是由我的 get url 引起的,我将其更改为下面的代码,现在工作正常,

getDetails(url) {
    return this.http.get(`${this.apiUrl}${url}`).pipe(
      map(post => post)
    );
}

我删除?i=&plot=full从中获取部分。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在ios中获取特定帖子ID的喜欢和评论的详细信息

来自分类Dev

获取和显示用户的详细信息

来自分类Dev

如何按用户获取特定帖子的详细信息?

来自分类Dev

使用flipkart API获取特定单个产品的价格,标题和其他详细信息

来自分类Dev

如何使用选择对象在单个查询中获取进程和线程的详细信息?

来自分类Dev

无法从 JSON 数据中获取单个详细信息

来自分类Dev

角度,项目详细信息

来自分类Dev

角度,项目详细信息

来自分类Dev

使用开放图通过帖子ID获取帖子详细信息

来自分类Dev

获取意图详细信息

来自分类Dev

如何实现PlaceAutocompleteFragment和PlaceAutocompleteActivity以获取位置详细信息

来自分类Dev

UPS API获取运输和交付详细信息

来自分类Dev

Spring Websocket获取连接号和详细信息

来自分类Dev

获取扩展文件信息详细信息

来自分类Dev

Javascript Fetch API单击用户时如何获取用户的帖子详细信息?

来自分类Dev

如何从订单ID Magento获取所有订单详细信息,包括付款客户和运输详细信息

来自分类Dev

如何从订单ID Magento获取所有订单详细信息,包括付款客户和运输详细信息

来自分类Dev

从3个MySQL表中选择帖子,用户详细信息和投票

来自分类Dev

如何使用QML从列表视图页面获取单个项目详细信息页面?

来自分类Dev

在单个查询中根据排名获取不同学生的详细信息

来自分类Dev

MEAN 堆栈应用程序 - 获取单个用户的详细信息,按用户名查询

来自分类Dev

带有外部JSON文件的离子详细信息视图

来自分类Dev

从MAC地址获取设备详细信息

来自分类Dev

获取登录项目详细信息

来自分类Dev

如何获取数组结果的详细信息

来自分类Dev

如何从PyYAML异常获取详细信息?

来自分类Dev

如何获取Windows文件详细信息?

来自分类Dev

获取JSP中的用户详细信息?

来自分类Dev

查询以从Cosmos DB获取详细信息

Related 相关文章

  1. 1

    在ios中获取特定帖子ID的喜欢和评论的详细信息

  2. 2

    获取和显示用户的详细信息

  3. 3

    如何按用户获取特定帖子的详细信息?

  4. 4

    使用flipkart API获取特定单个产品的价格,标题和其他详细信息

  5. 5

    如何使用选择对象在单个查询中获取进程和线程的详细信息?

  6. 6

    无法从 JSON 数据中获取单个详细信息

  7. 7

    角度,项目详细信息

  8. 8

    角度,项目详细信息

  9. 9

    使用开放图通过帖子ID获取帖子详细信息

  10. 10

    获取意图详细信息

  11. 11

    如何实现PlaceAutocompleteFragment和PlaceAutocompleteActivity以获取位置详细信息

  12. 12

    UPS API获取运输和交付详细信息

  13. 13

    Spring Websocket获取连接号和详细信息

  14. 14

    获取扩展文件信息详细信息

  15. 15

    Javascript Fetch API单击用户时如何获取用户的帖子详细信息?

  16. 16

    如何从订单ID Magento获取所有订单详细信息,包括付款客户和运输详细信息

  17. 17

    如何从订单ID Magento获取所有订单详细信息,包括付款客户和运输详细信息

  18. 18

    从3个MySQL表中选择帖子,用户详细信息和投票

  19. 19

    如何使用QML从列表视图页面获取单个项目详细信息页面?

  20. 20

    在单个查询中根据排名获取不同学生的详细信息

  21. 21

    MEAN 堆栈应用程序 - 获取单个用户的详细信息,按用户名查询

  22. 22

    带有外部JSON文件的离子详细信息视图

  23. 23

    从MAC地址获取设备详细信息

  24. 24

    获取登录项目详细信息

  25. 25

    如何获取数组结果的详细信息

  26. 26

    如何从PyYAML异常获取详细信息?

  27. 27

    如何获取Windows文件详细信息?

  28. 28

    获取JSP中的用户详细信息?

  29. 29

    查询以从Cosmos DB获取详细信息

热门标签

归档