angular - 使用来自 href 的参数在角度 9 中路由

Question

我想在 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

Answer 1

尝试这个

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

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

这个问题的答案应该可以帮助您更深入地了解如何处理角度 2 中的查询参数