Ionic 4: Как установить направление навигации (назад / вперед) с помощью routerLink? - PullRequest
Новая
       42

Ionic 4: Как установить направление навигации (назад / вперед) с помощью routerLink?

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

Ionic 4 теперь использует Angular router.Хотя у него все еще есть свой собственный NavControler, который помогает имитировать стиль навигации push / pop с помощью методов navigateBackward и navigateForward.

Чтобы отображалась кнопка иона назад, необходимо использовать navigateForward и navigateBackward, я думаю.

В моем приложении я предпочитаю использовать routerLinks для навигации (чтобы пользователь мог открыть страницу в другой вкладке) вместо navController.

Но с routerLinks ионная кнопка возврата делаетне появляется.Должен быть способ заставить routerLinks действовать как push / pop навигация.

Как я могу имитировать такие события, как navigateForward и navigateBackward, используя routerLinks?

Ответы [ 2 ]

0 голосов
/ 20 февраля 2019

Вы можете использовать атрибут routerDirection в вашем элементе просмотра.Например, 

  <ion-button [routerLink]="['/details']" routerDirection="forward" >
    Go forward
  </ion-button>

Для полного подробного описания того, как управлять навигацией в Ionic 4, включая routerLink, вы должны прочитать Очень подробный пост Джоша

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

Переход с Ionic 3 на Ionic 4 с навигацией немного изменился, но изменения не так уж и плохи.В Ionic Docs рекомендуется переключаться на угловую маршрутизацию вместо традиционного Ionic Pop и Push.Существует несколько способов маршрутизации ваших страниц, но я думаю, что проще всего понять, используя функции navigateForward() и navigateBack() в файле .ts.

Пример. 

navigateForward(){
    this.navCtrl.navigateForward('/route of the page you want to navigate to');
  }
<ion-button large block (click)="navigateForward()">
      Navigate Forward
</ion-button>

Конечно, перемещение вперед и назад связано со структурой построения вашего приложения из стека.

app-routing.module.tsФайл автоматически создаст маршруты для ваших сгенерированных страниц, но вы можете вручную изменить маршруты и установить корневую страницу.

Хорошая ссылка на руководства по маршрутизации здесь .Также показаны различные способы навигации по маршрутам в вашем приложении.

...