在划线角度5中划线分隔参数

Question

我想将URL中的params分开，如下所示：

localhost/add/5-ninja

在这里，id为5，名称为ninja。当我将配置更改为： path: '/:id-:name' 它无法正常工作。 如何在URL

中创建破折号分隔的参数

Answer 1

我认为这不可能是你喜欢的方式，但我的建议是实现这一结果：

• 在您的路线配置中，您声明路径：例如。 /:dashed
组件中的

• ：

  import { ActivatedRoute } from '@angular/router';
  
  class MyComponent {
  constructor(private _route: ActivatedRoute) {
      const [id, name] = _route.snapshot.params.dashed.split('-');
      // you've got two variables 'id' and 'name' thanks to the array destructing
    }
  }
  

Answer 2

  

您可以使用自定义UrlSerializer根据需要解析网址。

Source