Как проложить маршрут до ионной вкладки с помощью маршрута-розетки? - PullRequest
0 голосов
/ 22 октября 2018

Как мне перейти на ионную вкладку через роутер?Что я пишу в login.page.ts в функции goNext?Я пробовал: this.router.navigate(['/profile']); и this.router.navigate(['/(profile:profile)']);

и как вы маршрутизируете его в html?

app-routing.module.ts

import { RootComponent } from './root/root.component';
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  { path: '', component: RootComponent, children: [
    { path: '', redirectTo: '/home', pathMatch: 'full'},
    { path: 'chat', loadChildren: './chat-list/chat-list.module#ChatListPageModule', outlet: 'chat' },
  ] },
  { path: 'home', loadChildren: './home/home.module#HomePageModule' },
  { path: 'login', loadChildren: './login/login.module#LoginPageModule' },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

app.component.html

<ion-app>
  <ion-router-outlet></ion-router-outlet>
</ion-app>

root.component.html

<ion-tabs>
  <ion-tab label="Profiel" icon="people">
    <ion-router-outlet name="profile"></ion-router-outlet>
  </ion-tab>
  <ion-tab label="Vragen" icon="musical-note">
    <ion-router-outlet name="question"></ion-router-outlet>
  </ion-tab>
  <ion-tab label="Chat" icon="person">
    <ion-router-outlet name="chat"></ion-router-outlet>
  </ion-tab>
</ion-tabs>

login.page.ts

goNext() {
      this.router.navigate([{ outlets: { profile: ['profile(profile:profile)'] } }]);
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...