Определите несколько выходов для пути одновременно в Angular 6 / Ionic 4 --- Динамические вкладки - PullRequest
0 голосов
/ 16 октября 2018

Я хочу создать приложение с вкладками в Ionic 4, однако страницы для вкладок должны быть динамическими.Мой подход к вкладкам такой:

<ion-tabs>
    <ion-tab [href]="'tabs/(one:'+ tabs[0].deeplink +')'">
      <ion-router-outlet name="one"></ion-router-outlet>
    </ion-tab>
    <ion-tab [href]="'tabs/(two:'+ tabs[1].deeplink +')'">
      <ion-router-outlet name="two"></ion-router-outlet>
    </ion-tab>
</ion-tabs>

Как вы можете видеть, я знаю только, к какому компоненту направить, через какую Tab-Button во время выполнения.Вот почему я передаю атрибут "deeplink" в href.Это по сути мой путь.Я думаю, что, определив точку выхода в ссылке, Angular выберет именно эту точку.Но это не делает это из ворот.

Мне пришлось определить пути следующим образом:

{
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'Home',
        outlet: 'one',
        component: HomePage
      },
      {
        path: 'welcome',
        outlet: 'one',
        component: WelcomePage
      }, {
        path: 'Home',
        outlet: 'two',
        component: HomePage
      },
      {
        path: 'welcome',
        outlet: 'two',
        component: WelcomePage
      }
}

Из-за того, что у меня есть до пяти вкладок и более 20 различных динамических страниц, довольно сложно определить все возможные маршруты, такие кактот.

Есть ли способ разрешить несколько выходов для одного пути и позволить URL-адресу выбрать его во время выполнения?Есть ли лучший способ определить эту структуру маршрутизации?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...