Angular 2多个路由器参数

时间:2016-08-08 12:37:41

标签: angular angular2-routing

假设我希望拥有以下网址:

myurl.com/data/11-20-84-2

并且网址中显示的每个数字都是我可以在我的组件中使用的路由器参数。

有可能吗?

以下没有成功:

{ path: 'view-score/:score-:number',

2 个答案:

答案 0 :(得分:1)

这应该做你想要的:

{ path: 'view-score/:score/:number',

答案 1 :(得分:0)

使用单个参数:

path: 'view-score/:numbers'

然后在代码中重新执行参数时,请自行拆分:

let numbers = this.route.snapshot.params.numbers;
let numbersArr = numbers.split("-");
let score = numbersArr[0];