Программная навигация по странице с параметрами запроса ionic 4 - PullRequest
Новая
       12

Программная навигация по странице с параметрами запроса ionic 4

0 голосов
/ 04 апреля 2019

Я хочу передать данные на другую страницу.Мой 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 голосов
/ 05 апреля 2019

Вы ничего не говорите о том, что не работает, но вы можете захотеть, чтобы 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 } });
...