각도 ngOnInit - 새로 고침 필요

Question

웹 응용 프로그램이 있습니다. 오른쪽 옆구리에는 3 개의 게시물이 있습니다.

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

게시물 프로파일 구성 요소가 이상 걸릴 것입니다 : 난 후 클릭, 내가 탐색이있다. 이 구성 요소에는 지정된 id로 내 게시물을 가져 오는 서비스에서 함수를 호출하는 함수가 있습니다. 이제 내 콘텐츠 영역 (화면의 왼쪽 부분)에 해당 게시물의 모든 세부 정보가 표시됩니다. 내 게시물을 가져 오는이 함수는 게시물 프로필 구성 요소의 ngOnInit에서만 호출됩니다.

오른쪽 사이드 바에서 다른 게시물을 클릭하면 URL의 변경 사항을 볼 수 있지만 내 게시물을 가져 오는 기능은 호출되지 않으며 내 콘텐츠 영역의 게시물 세부 정보는 변경되지 않습니다. 지금 내가 원하는 게시물을 볼 수있는 페이지를 새로 고치면 모든 것이 잘 작동합니다.

필자는 필자의 기능에 대해 도움이된다면 가입해야합니다.

문제가 표시되지 않습니다.

이 당신이 ActivatedRouteparams 관찰 가능한에 가입했습니다 당신의 포스트 프로필 구성 요소의 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); 
} 

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