Angular5:带有正则表达式的路由器参数

时间:2018-03-21 14:08:36

标签: angular angular5 angular-routing

我希望在同一条路线上有两个组件。一个是在最后有''提供'。两条路线都有动态网址参数。

下面的

是一个例子。

  1. 域/学生/书籍 - 提供 - 书籍提供组件
  2. 域/学生/考试1 - 到考试页面
  3. 我尝试使用urlMatcher使用不同的解决方案但没有工作。我想给两个不同的路由器组件。低于我试图在app.routes中提供但未奏效的内容。

    { path: 'student/:id["-offers"]', loadChildren: './student-offers/student-offers.module#StudentsOffersModule' },
    { path: 'student/:id', loadChildren: './students-exams/students-exams.module#StudentsExamModule' },
    

1 个答案:

答案 0 :(得分:0)

它没有用,因为你做错了。

{ path: 'student/:item/offers', loadChildren: './student-offers/student-offers.module#StudentsOffersModule' },
{ path: 'student/exam/:id', loadChildren: './students-exams/students-exams.module#StudentsExamModule' },

当您遵守约定和语法时,它会起作用。

顺便说一下,它是一个懒惰的加载策略,而不是路由加载策略。所以不要指望它能够发挥作用。