Angular ngOnInit - 需要刷新

时间:2017-10-07 15:42:47

标签: angular angular2-routing angular2-services ngoninit

我有一个网络应用程序。在我的右侧栏我有3个帖子。 当我点击帖子时,我有一个导航:

    this.router.navigate(['../post', this.post.id]);

有一个帖子配置文件组件将接管。 该组件具有一个函数,该函数从获取具有指定id的帖子的服务调用函数。现在,我将在我的内容区域(屏幕的左侧部分)中查看该帖子的所有详细信息。此功能(获取我的帖子)仅在Post Profile组件的ngOnInit中调用。

如果我点击右侧栏中的其他帖子,我可以看到网址的更改,但是没有调用获取帖子的功能,我的内容区域的帖子详细信息也没有更改。 如果我现在刷新页面,我可以看到我想要的帖子,一切正常。

我有。订阅我的功能,如果有帮助的话。

我无法看到问题。

这是我的PostProfileComponent

        constructor(postsService: PostsService, route: ActivatedRoute ) {
    this.postsService = postsService;

    this.routeSubscription = route.params
        .subscribe((params: any) => {
            this.postId = params['id'];
        });
}

public getPostById(id: any): void {
    this.postsService.getPostById(id)
        .map((response: Post) => {
            this.post = response;
            console.log(this.post);
        })
        .catch((error: any) => {
            return error;
        })
        .subscribe();
}

ngOnInit(): void {
    this.getPostById(this.postId);
}

1 个答案:

答案 0 :(得分:1)

在您的帖子个人资料组件的ngOnInit方法中,您已订阅ActivatedRoute params Observable。

  subs1: Subscription;
  constructor(private route: ActivatedRoute){}

  ngOnInit() {
     this.subs1 = this.route.params
         .subscribe((params: Params) => {
             const postId = params['id'] ? +params['id'] : '';
             if(postId){
                //  call the function (that gets the post)
             }
         });
  }