Angular 需要解码 url 以显示在页面上答案

【问题标题】：Angular need to decode url to display on pageAngular 需要解码 url 以显示在页面上
【发布时间】：2018-05-27 22:57:20
【问题描述】：

从 Angular 5 服务调用到组件的我的 console.log 正确显示了正确的数据 URL

http://localhost:4200/inquiry?UserID=645

但是，当它在 html 模板中的 angular for 循环中时，它会显示

http://localhost:4200/inquiry%3FUserID%3D645

我真的需要? 来进行我的路由的最低要求

试图找到 URL 解码，我如何在组件打字稿或模板 html ngfor 循环中完成此操作？用管子？

【问题讨论】：

你如何使用这个网址？您只是在前端显示它还是尝试使用它在 http 请求中调用后端？这是后端请求的链接，还是 Angular 路由到另一个组件的链接？
它在一个菜单系统中，如果点击导航 localhost 将成为服务器
导航是指路线？就像在应用程序内部从一个视图跳转到另一个视图？或者到其他地方，与您当前的 Angular 应用程序分开？
console.log 的数据正确显示了?，但是当我的菜单中的 html 中的角度呈现输出时，它是 %3F

标签： angular typescript angular-routing angular-router

【解决方案1】：

仅通过模板：

<div *ngFor="let user of users" routerLink="/inquiry" [queryParams]="{ UserID: user.id }">user.name</div>

模板和组件：

<div *ngFor="let user of users" (click)="navigateTo(user.id)">user.name</div>

navigateTo(id: number) {
  this.router.navigateByUrl('http://localhost:4200/inquiry?UserID='+id);
}

【讨论】：