Angular 将 URL 中的“/”替换为“%2F”

Question

我有一个 <a> 标签

<a [routerLink]='[{ outlets: { userDetail: ["user/" + user.id] } }]'>
     <h4>{{user.name}}</h4>
</a>


<router-outlet name="userDetail"></router-outlet>

但最终将其替换为 http://localhost:4200/users/(userDetail:user%2F1)。

如何将“%2F”更改为“/”？

Answer 1

尝试不使用 + 和 / 符号进行声明并使用 ,:

<a [routerLink]='[{ outlets: { userDetail: ['user', user.id] } }]'>
     <h4>{{user.name}}</h4>
</a>

Angular 将 URL 中的“/”替换为“%2F”

Angular replaced "/" to "%2F" in URL

javascript

angular

angular-ui-router