同一网址页面中的 Ionic 5 路由

Posted 2023-03-16

【中文标题】同一网址页面中的 Ionic 5 路由

【英文标题】：Ionic 5 routing in same url page

【发布时间】：2021-04-07 15:01:52

【问题描述】：

您好，我想从一个页面进行路由以转到相同的 url 页面但具有不同的参数。我猜它不能转到相同的 url 页面，因为我使用路由，它可以很好地转到其他页面，但不能转到相同的 url 页面。这就是我目前所得到的

profile-routing.page.ts

import  NgModule  from '@angular/core';
import  Routes, RouterModule  from '@angular/router';

import  ProfilePage  from './profile.page';

  const routes: Routes = [
  
    path: '',
    component: ProfilePage
  
];

@NgModule(
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
)
export class ProfilePageRoutingModule 

profile.html

<ion-thumbnail class="story-avatar" [ngClass]="'seen': false" (click)="goProfile(item)"

profile.ts

 goProfile(profile: any) 
this.userData.profileViewed(profile).pipe(
  map((data: any) => 
    if (data.success) 
      const navigationExtras: NavigationExtras = 
        state: 
          profile: profile
        
      ;
     this.router.navigate(['app/tablinks/home/profile'], navigationExtras);
    
  )
).subscribe()

【参考方案1】：

有几种可能会导致错误。试试：

在导航行中的应用前添加一个“/”

使用navigateByUrl

像这样打破路径

this.router.navigate(['/', 'app', 'tablinks', 'home', 'profile'], navigationExtras);

【讨论】：

不起作用。至少与导航。使用 navigateByUrl 必须使用不同的语法

this.DeliverRouter.navigate(['/', 'auth']); 和 this.router.navigateByUrl('/auth'); 在我的 Ionic 5/Angular 9 应用程序中运行良好