我有一个应用程序,当您单击故障时,上面会列出故障列表,它应该打开下一个屏幕,该屏幕然后调用API并加载详细信息。
这并非每次都发生,但是当您单击列表项时,在主视图过渡到详细信息页面之前,滚动标题会有所延迟。
我在离子项目上有一个click方法,该方法将列表中的每个元素包裹起来
<ion-item *ngFor="let fault of faults" (click)="selectFault(fault.id)">
然后使用路线的导航方法转到故障详细信息
selectFault(faultID: Number)
{
this.router.navigate(['fault-detail',{faultID: faultID}]);
}
在故障详细信息页面中,我将执行以下操作
ngOnInit() {
this.activeRoute.params.subscribe(params => {
this.faultID = params["faultID"];
if (this.faultID != null) {
this.faultsService.getFault(this.faultID).subscribe((res: any) => {
this.fault = res.data;
console.log(this.fault);
});
}
else
{
this.location.back()
}
});
}
我不确定嵌套订阅方法是否会调用延迟,但是即使这样,我还是希望它先导航到页面。
任何建议都会很棒。