RouterLink通过替换来打破路由?与%3F

时间:2017-12-15 20:36:49

标签: angular typescript angular-routing angular-router routerlink

我有console.log正确地显示了customer?的路线但是[RouterLink]正在转换它吗?至%3F,我的路线不再有效

模板html

  <a [routerLink]="[items.Url]">

路线档案

 { path: 'customer', component: CustomerComponent, pathMatch: 'full'},

我可以通过模板以某种方式更正此问题.. routerLink(某些管道过滤器?)或者可以或者是否必须在我的路由模块ts文件中修复?

如何吗

我需要

 http://server/customer?  

但我正在

 http://server/customer%3F  

2 个答案:

答案 0 :(得分:4)

  

我可以通过模板以某种方式更正此问题.. routerLink(某些管道过滤器?)或者是否可以或者必须在我的路由模块ts文件中修复它?

不要使用href仅用于内部路由系统,这类“外部链接”需要使用简单的<a href="{{items.Url}}"> <span>{{items.WhateverYouHavetoDisplayasTexttoUser}}</span> </a>

所以基本上是这样的:

<a href="{{items.Url}}">

因此,这就是您的问题所需要的全部内容

str.isalnum()

答案 1 :(得分:1)

您可以使用路由器链接设置查询参数:

<a [routerLink]="[items.url]"
   [queryParams]="{myParam: 'myParamValue'}"
>

这将导致如下路线:

/ server / customer?myParam = myParamValue