Ionic 4应用奇怪的屏幕过渡行为

时间:2019-02-27 17:59:24

标签: angular ionic-framework ionic4

我有一个应用程序,当您单击故障时,上面会列出故障列表,它应该打开下一个屏幕,该屏幕然后调用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()
      }
    });
  }

我不确定嵌套订阅方法是否会调用延迟,但是即使这样,我还是希望它先导航到页面。

任何建议都会很棒。

enter image description here

0 个答案:

没有答案