From Login page to tabs page

@srterry wrote:

I’m trying to create my first app with Ionic Framework and I’m stuck. I want to have a login page before my tabs pages that is my main screeens on my app and, I’m getting always same error of URL.

app-routing.module.ts

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

const routes: Routes = [

{ 
     path: '', 
     loadChildren: './login/login.module#LoginPageModule' 
},

{
     path: 'tabs',
     loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
}

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

tabs.router.module.ts
import { NgModule } from ‘@angular/core’;
import { RouterModule, Routes } from ‘@angular/router’;
import { TabsPage } from ‘./tabs.page’;

const routes: Routes = [
{
path: ‘tabs’,
component: TabsPage,
children: [
{
path: ‘tab1’,
children: [
{
path: ‘’,
loadChildren: () =>
import(’…/tab1/tab1.module’).then(m => m.Tab1PageModule)
}
]
},
{
path: ‘tab2’,
children: [
{
path: ‘’,
loadChildren: () =>
import(’…/tab2/tab2.module’).then(m => m.Tab2PageModule)
}
]
},
{
path: ‘tab3’,
children: [
{
path: ‘’,
loadChildren: () =>
import(’…/tab3/tab3.module’).then(m => m.Tab3PageModule)
}
]
},
{
path: ‘’,
redirectTo: ‘/tabs/tab1’,
pathMatch: ‘full’
}
]
},
{
path: ‘’,
redirectTo: ‘/tabs/tab1’,
pathMatch: ‘full’
}
];

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

login.page.ts
import { Component, OnInit } from ‘@angular/core’;
import { Router } from ‘@angular/router’;

@Component({
selector: ‘app-login’,
templateUrl: ‘./login.page.html’,
styleUrls: [’./login.page.scss’],
})
export class LoginPage implements OnInit {

constructor(public router: Router) { }

ngOnInit() {
}

toTabs(){
this.router.navigateByUrl(’/tabs’);
}

}

login.page.html


Login

To Tabs

I’ve tryed to navigate to ‘/tabs’, to ‘/tabs/tab1’ and to ‘tabs’ and I desperated. If anyone could help me I would be very grateful.

Posts: 1

Participants: 1

Read full topic