ion-tabs отображает, но не переключается на другие вкладки - PullRequest
1 голос
/ 18 мая 2019

Я не смог найти вопрос, который мне помог бы.

У меня есть это на каждой моей странице.Отображается панель навигации, но кнопки не переключаются на другие вкладки.Это буквально скопировано из ionic start myApp tabs.

Это одна из страниц:

<ion-header>
  <ion-toolbar>
    <ion-title>Playlists</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

<ion-tabs>
    <ion-tab-bar slot="bottom">
        <ion-tab-button tab="saved">
            <ion-icon name="heart"></ion-icon>
            <ion-label>Saved</ion-label>
        </ion-tab-button>
        <ion-tab-button tab="search">
            <ion-icon name="search"></ion-icon>
            <ion-label>Search</ion-label>
        </ion-tab-button>
        <ion-tab-button tab="playlists">
            <ion-icon name="list"></ion-icon>
            <ion-label>Playlists</ion-label>
        </ion-tab-button>
    </ion-tab-bar>
</ion-tabs>

И это мой app-routing.modules.ts файл:

import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  { path: '', redirectTo: 'saved', pathMatch: 'full' },
  { path: 'saved', loadChildren: './pages/saved/saved.module#SavedPageModule' },
  { path: 'search', loadChildren: './pages/search/search.module#SearchPageModule' },
  { path: 'playlists', loadChildren: './pages/playlists/playlists.module#PlaylistsPageModule' }
];
@NgModule({
  imports: [
    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {}

1 Ответ

0 голосов
/ 27 мая 2019

Просто снова пошел с шаблоном вкладок по умолчанию, вам нужен маршрутизатор вкладок. Я не сделал никакого прогресса, так что все в порядке.

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