angular:定义带扩展名的路线

时间:2017-10-30 13:11:33

标签: angular angular2-routing angular-router

如何在模式中使用.html定义角度4路线?

示例:假设网址为mydomain.com/collections/test.html。当我在组件中获得路径参数时,我想检索“测试”。作为价值,而不是' test.html'

定义路由的文件

const routes: Routes = [
 {path: 'collections/:tag.html', component: CollectionDetailsComponent},
];

在CollectionDetailsComponent.ts中

  ngOnInit()
  {
    this.route.params.forEach((params: Params) =>
    {
      let tag = params['tag'];
//Here tag contains ".html" at the end

由于

1 个答案:

答案 0 :(得分:0)

我只看到两种方式

添加一个虚拟子路由(使用您选择的cource的名称)

{path: 'collections/:tag/dummy.html', component: CollectionDetailsComponent},

.html添加到值

 {path: 'collections/:tag', component: CollectionDetailsComponent},

并使用foo.html作为标记值。

如果网址中的.导致任何问题,我还没有尝试过,但我想要记住很久以前有相关的错误报告已修复。