路由中的redirectTo与component

本文探讨Angular路由配置中`redirectTo`和`component`的差异。当设置`path: ''`, `pathMatch: 'full'`时,`component`用于直接指定组件渲染,而`redirectTo`则会进行页面重定向。通过示例展示,`redirectTo`不仅改变页面,还会更新URL显示。了解这两者在实际应用中的不同,有助于更好地管理路由。" 133554159,19694624,鸿蒙OS与Android安全性的新挑战,"['鸿蒙OS', 'Android', '安全']
摘要由CSDN通过智能技术生成

{ path: ‘’, pathMatch: ‘full’, component: InfoComponent},
{ path: ‘’, pathMatch: ‘full’, redirectTo: ‘workbench’}
我这里是讲区别,不是完整配置

一般我们配置路由的时候,会选择这下面的其中一个

const routes: Routes = [
  { path: '', pathMatch: 'full', redirectTo: 'login'},
  {path: 'login', component: LoginComponent},
  {
    path: 'menu',
    component: MenuComponent,
      children: [
        { path: '', pathMatch: 'full', redirectTo: 'workbench'},
        { path: 'workbench', component: InfoComponent },
        ……
        ]
  }
 ]
 const routes: Routes = [
const routes: Routes = [
  { path: '', pathMatch: 'full', redirectTo: 'login'},
  {path: 'login', component: LoginComponent},
  {
    path: 'menu',
    component: MenuComponent,
      children: [
       { path: '', pathMatch: 'ful
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值