使用来自 href 的参数在角度 9 中路由答案

【问题标题】：Routing in angular 9 with parameters from href使用来自 href 的参数在角度 9 中路由
【发布时间】：2020-08-30 20:57:25
【问题描述】：

我想在 Angular 9 中实现路由功能，但是地址栏中的 url 路由并不直接。下面是示例代码

<ng-container>
  <ul>
    <li>Home Page</li>
    <li><a href='http://localhost:2000/Report1.html?a=1&b=1&c=1&d=2'>Report1</a></li>
    <li><a href='http://localhost:2000/Report2.html?a=1&b=1&c=1&d=2'>Report2</a></li>
    <li><a href='http://localhost:2000/Report3.html?a=1&b=1&c=1&d=2'>Report3</a></li>
    <li><a href='http://localhost:2000/Report4.html?a=1&b=1&c=1&d=2'>Report4</a></li>
  </ul>
  <div> 
     -- content here--
  </div>
</ng-container>

如何根据用户响应路由到不同的页面，并在上面给出的 div 标签中显示它们？

一旦页面被路由，我如何在页面加载时获取参数？

【问题讨论】：

标签： angular

【解决方案1】：

试试这个

<a [routerLink]="['report1']" [queryParams]="{a:'1', b: '2'}"></a>
<a [routerLink]="['report2']" [queryParams]="{a:'1', b: '2'}"></a>

您应该在 RouterModule 中指定 report1 和 report2 路由

这个问题的答案应该可以帮助您更深入地了解How to handle query parameters in angular 2

【讨论】：