同一 url 页面中的 Ionic 5 路由

Question

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

简介-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()
}

Answer 1

有多种可能导致错误。尝试：

在导航行中的应用前添加“/”
使用navigateByUrl
像这样分解路径

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

同一 url 页面中的 Ionic 5 路由

Ionic 5 routing in same url page

angular-ui-router

ionic-framework

angular