Angular ngOnInit - 需要刷新
Angular ngOnInit - Refresh Needed
我有一个网络应用程序。在我的右侧栏中,我有 3 个 post。
当我点击 post 时,我有一个导航:
this.router.navigate(['../post', this.post.id]);
post 配置文件组件将接管。
这个组件有一个函数,它从一个服务中调用一个函数,该服务使用指定的 id 获取我的 post。现在,我将在我的内容区域(屏幕左侧)中看到 post 的所有详细信息。此函数(获取我的 post)仅在 Post 配置文件组件的 ngOnInit 中调用。
如果我从右侧栏中单击另一个 post,我可以看到 url 中的变化,但未调用获取 post 的函数并且 post 我的内容区域中的详细信息未更改。
如果我现在刷新页面,我可以看到我想要的 post,一切正常。
我已经订阅了我的函数,如果有帮助的话。
我看不出问题。
这是我的 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);
}
在您的 Post 配置文件组件的 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)
}
});
}
我有一个网络应用程序。在我的右侧栏中,我有 3 个 post。 当我点击 post 时,我有一个导航:
this.router.navigate(['../post', this.post.id]);
post 配置文件组件将接管。 这个组件有一个函数,它从一个服务中调用一个函数,该服务使用指定的 id 获取我的 post。现在,我将在我的内容区域(屏幕左侧)中看到 post 的所有详细信息。此函数(获取我的 post)仅在 Post 配置文件组件的 ngOnInit 中调用。
如果我从右侧栏中单击另一个 post,我可以看到 url 中的变化,但未调用获取 post 的函数并且 post 我的内容区域中的详细信息未更改。 如果我现在刷新页面,我可以看到我想要的 post,一切正常。
我已经订阅了我的函数,如果有帮助的话。
我看不出问题。
这是我的 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);
}
在您的 Post 配置文件组件的 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)
}
});
}