Ć
Size: a a a
Ć
Ć
S™
AS
S™
AS
AS
S™
AS
S™
S™
AS
AS
const routes: Routes = [
{
path: '',
pathMatch: 'full',
redirectTo: 'tabs'
},
{
path: 'login',
loadChildren: () => import('./pages/login/login.module').then(m => m.LoginPageModule)
},
{
path: 'tabs',
loadChildren: () => import('./pages/tabs/tabs.module').then(m => m.TabsPageModule),
canLoad: [AuthenticationGuardService],
canActivate: [AuthenticationGuardService]
}
];
const routes: Routes = [
{
path: '',
component: TabsPage,
children: [
{
path: 'survey',
children: [
{
path: '',
loadChildren: () =>
import('../survey/survey.module').then(m => m.SurveyPageModule)
}
]
},
{
path: 'alerts',
children: [
{
path: '',
loadChildren: () =>
import('../alerts/alerts.module').then(m => m.AlertsPageModule)
}
]
},
{
path: 'person',
children: [
{
path: '',
loadChildren: () =>
import('../person/person.module').then(m => m.PersonPageModule)
}
]
},
{
path: '',
redirectTo: 'survey',
pathMatch: 'full'
},
]
},
];
AS
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="survey">
<ion-icon name="albums"></ion-icon>
<ion-label>{{'survey.title'|translate}}</ion-label>
</ion-tab-button>
<ion-tab-button tab="alerts">
<ion-icon name="chatbox-ellipses"></ion-icon>
<ion-label>{{'alerts.title'|translate}}</ion-label>
</ion-tab-button>
<ion-tab-button tab="person">
<ion-icon name="person"></ion-icon>
<ion-label>{{'person.title'|translate}}</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
AS
const routes: Routes = [
{
path: '',
component: AlertsPage
},
{
path: 'safety-list/:code',
loadChildren: () => import('../safety-list/safety-list.module').then( m => m.SafetyListPageModule)
}
];
AS