当用户进入主页或标签导航应用程序必须进入登录页面。
const appRoutes: Routes = [
{
path: 'tab-navigation',
redirectTo: 'login',
pathMatch: 'full'
},
{
path: 'home',
redirectTo: 'login',
pathMatch: 'full'
},
{
path: '',
redirectTo: 'login',
pathMatch: 'full'
},
{
path: '**',
redirectTo: 'error404',
}
];
此逻辑在条目为“”或类似于“dfd45657d”的情况下工作。为什么不为主页和选项卡导航工作?
最佳答案
首先,您需要为登录创建关联组件。
其次,matchpath在这里不会影响你。所以不管你留不留,都没有效果。
试试这个:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { LoginComponent } from '../login/login.component';
const routes: Routes = [
{
path: 'tab-navigation',
redirectTo: 'login'
},
{
path: 'home',
redirectTo: 'login'
},
{
path: '',
redirectTo: 'login',
pathMatch: 'full'
},
{
path : 'login',
component : LoginComponent
},
{
path: '**',
redirectTo: 'error404',
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class RouteModule { }
工作链接:https://stackblitz.com/edit/angular-nbajga?file=src%2Fapp%2Froute%2Froute.module.ts