Question

我找不到可以帮助我的问题。

我在每一页上都有这个。导航栏正在显示，但按钮未切换到其他选项卡。这实际上是从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 {}

Answer 1

只需再次使用默认选项卡模板，就需要一个选项卡路由器。我没有取得任何进展，所以很好。

离子标签显示，但不切换到其他标签

1 个答案: