Angular 6嵌套路线参数

时间:2018-11-08 16:03:54

标签: angular routes nested

我在路由组件中有一个i == students.length的路由。我想访问难度ID。在这种情况下,如何使用路由器参数?由于它取决于首先获取Level ID,然后再向下移动到Settings属性,最后到Difficulty ID,这取决于?

所以结构看起来像这样:

Level:/id

请帮助

1 个答案:

答案 0 :(得分:0)

在要加载到Level:/id的组件内部,您可以将ActivatedRoute作为依赖项注入。然后,您可以subscribe到其上的params属性来获取当前参数。

import { ActivatedRoute } from '@angular/router';
...
id;
constructor(..., private route: ActivatedRoute, ...) {}
...

this.route.params.subscribe(params => {
  this.id = params['id'];

  // OR if the id is of type number
  // this.id = +params['id'];
});