以编程方式使用查询参数ionic 4导航页面

时间:2019-04-04 13:41:34

标签: angularjs angular-routing ionic4

我想将数据传递到另一个页面。 我的app-routing.module就像这样:

const routes: Routes = [
  { path: '', redirectTo: 'home', pathMatch: 'full' },
  { path: 'home', loadChildren: './home/home.module#HomePageModule' },
  { path: 'web-page/:url', loadChildren: './web-page/web-page.module#WebPagePageModule' },
  { path: 'qrscan', loadChildren: './qrscan/qrscan.module#QrscanPageModule' },

];

使用HTML,我可以成功传递数据:

   <ion-button expand="full" [routerLink]="['/web-page/', urlBooking]" routerDirection="forward">BOOKING</ion-button>

但是我在打字稿上苦苦挣扎:

this.router.navigate(['web-page'], { queryParams: { 'url': "https://apple.stackexchange.com/questions/180387/xcode-failed-to-download-use-the-purchases-page-to-try-again" } });

1 个答案:

答案 0 :(得分:0)

您什么也没说,但您可能想对查询参数进行URL编码。这应该很好。并在使用该参数的地方使用decodeURIComponent

const url = encodeURIComponent("https://apple.stackexchange.com/questions/180387/xcode-failed-to-download-use-the-purchases-page-to-try-again");
this.router.navigate(['web-page'], { queryParams: { url } });