Angular ngOnInit - リフレッシュが必要

Question

私はWebアプリケーションを持っています。私の右側のバーには私は3つの投稿があります。 私はポストをクリックすると、私はナビゲーションを持っている：

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

あり、ポスト・プロファイル・コンポーネントが引き継ぎます。 このコンポーネントには、指定されたIDを持つ投稿を取得するサービスから関数を呼び出す関数があります。今私は自分のコンテンツ領域（画面の左側）にその投稿のすべての詳細を表示します。この機能（自分の投稿を取得する）は、Post ProfileコンポーネントのngOnInitでのみ呼び出されます。

右側のサイドバーから別の投稿をクリックすると、URLの変更が表示されますが、投稿を取得する機能は呼び出されず、コンテンツ領域の投稿の詳細は変更されません。 私は今、私が望む投稿を見ることができるページをリフレッシュすると、すべてうまくいきます。

私はそれが役立つ場合、私の機能を購読しています。

私は問題を見ることができません。

これは私のPostProfileComponentあなたが観測ActivatedRouteparamsに加入してきたあなたのPOSTプロファイルコンポーネントのngOnInit法で

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

Answer 1

です。

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