Ionic 4 Случайная загрузка страницы - PullRequest
0 голосов
/ 10 февраля 2019

Итак, у меня есть приложение ionic 4.И что заметил, так это то, что он сначала открывает страницу «Мои настройки».Прежде чем он просто открыл страницу / tabs / tab1, я попытался сделать: this.router.navigateByUrl('/tabs/tab1'); в app.component.ts, но потом сначала загрузит SettingsPage, а затем страницу tabs / tab1.

Для папки приложения перейдитена эту ссылку

1 Ответ

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

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

Я попытался проверить ваши маршруты, и вот некоторые ошибки, которые я обнаружил:

Это вы app-routing.module.ts

const routes: Routes = [
    {
        path: '',
        loadChildren: './tabs/tabs.module#TabsPageModule'
    }
];

В приведенном выше фрагменте кода я удалил дополнительные маршруты, которые могут быть добавлены при попытке создания модуля / страниц с помощью CLI.Поскольку мы используем дизайн вкладок, то все основные маршруты будут контролироваться модулем маршрутизации модуля вкладок.

Это файл tabs.router.module.ts

const routes: Routes = [
    {
        path: 'tabs',
        component: TabsPage,
        children: [
            {
                path: 'tab1',
                children: [
                    {
                        path: '',
                        loadChildren: '../tab1/tab1.module#Tab1PageModule'
                    }
                ]
            },
            {
                path: 'tab2',
                children: [
                    {
                        path: '',
                        loadChildren: '../tab2/tab2.module#Tab2PageModule'
                    }
                ]
            },
            {
                path: 'tab3',
                children: [
                    {
                        path: '',
                        loadChildren: '../tab3/tab3.module#Tab3PageModule'
                    }
                ]
            },
            {
                path: 'settings',
                children: [
                    {
                        path: '',
                        loadChildren: '../settings/settings.module#SettingsPageModule'
                    }
                ]
            },
            {
                path: '',
                redirectTo: '/tabs/tab1',
                pathMatch: 'full'
            }
        ]
    },
    {
        path: '',
        redirectTo: '/tabs/tab1',
        pathMatch: 'full'
    }
];

Если вы заметилив приведенном выше коде внутри массива маршрутов сразу после маршрута настроек я добавил маршрут по умолчанию, что означает, что если в браузере введены только / tabs, он приведет вас к / tabs / tab1 route.

...