如何在 Angular 17 中添加插值而不转义 URL 编码？

Question

我想添加一个routeLink，其中使用角度插值在字符串中定义完整的URL值，但是当页面执行时，它会转义URL。

预计：

http://localhost:4200/books?page=3&sort=title

返回：

http://localhost:4200/books%3Fpage%3D3&sort%3Dtitle

<li *ngFor="let pageUrl of pageUrls" class="page-item">
  <a class="page-link" routerLink="{{ pageUrl.url }}">{{ pageUrl.index }}</a>
</li>

我知道转义对于正确传递值很重要，但是对于这种情况有任何管道或解决方案吗？

Answer 1

使用 Angular API 很容易：

1. https://angular.io/api/router/RouterLink
2. 如何使用router传递查询参数Link

希望有帮助:)