美文网首页
angular路由如何一次进行多次重定向

angular路由如何一次进行多次重定向

作者: OnePiece索隆 | 来源:发表于2018-11-10 14:42 被阅读0次

以下面代码举例,当我们自动转入crisis-center时会发现并没有自动路由到/crisis-center/list,而是路由到/crisis-center,这是因为redirectTo的写法中带了'/',ng路由器无法判断从应用的根路由开始查找还是从当前激活路由开始查找

const appRoutes: Routes = [
  {
    path: 'admin',
  },
  {
    path: 'crisis-center',
    children: [
      { path: '', redirectTo: '/list', pathMatch: 'full' }
      { path: 'list', component: Listcomponent }
    ]
  },
  { path: '', redirectTo: '/crisis-center', pathMatch: 'full' }
];

修改方式:

const appRoutes: Routes = [
  {
    path: 'admin',
  },
  {
    path: 'crisis-center',
    children: [
      { path: '', redirectTo: 'list', pathMatch: 'full' }
      { path: 'list', component: Listcomponent }
    ]
  },
  { path: '', redirectTo: 'crisis-center', pathMatch: 'full' }
];

相关文章

  • angular路由如何一次进行多次重定向

    以下面代码举例,当我们自动转入crisis-center时会发现并没有自动路由到/crisis-center/li...

  • 重定向与负载均衡

    前言 重定向技术,它们是如何工作的以及它们的负载均衡能力如何: HTTP 重定向 DNS 重定向 任播路由 IP ...

  • angular---路由之重定向路由

    一般的我们再路由配置中是要配置主页的路由的, 但是当我们启动项目时,路径是这样子的,我们不能直接显示主页,那么我们...

  • 如何使用ui-router?

    如何使用ui-router? 一.背景介绍 angular路由 路由(route),几乎所有的MVC(VM)框架都...

  • 模拟面试问题总结

    AngularJS路由实现原理 Angular路由 允许我们通过不同的URL访问不同的内容,并且Angular路由...

  • 模拟面试问题总结

    AngularJS路由实现原理 Angular路由 允许我们通过不同的URL访问不同的内容,并且Angular路由...

  • vue全家桶(2.4)

    3.6.重定向和别名 #3.6.1.重定向 路由重定向通俗的说就是从一个路由重新定位跳转到另一个路由,例如:访问的...

  • Angular Route导航

    Angular Route导航 路由基础知识 路由相关对象介绍 新建路由项目 使用angular-cli新建项目。...

  • angular2:路由参数的传递和接收

    首先回顾一下如何配置路由: import { RouterModule } from '@angular/rout...

  • angular路由跳转

    angular路由 使用路由 routerLink="/"路由出口

网友评论

      本文标题:angular路由如何一次进行多次重定向

      本文链接:https://www.haomeiwen.com/subject/fnszxqtx.html