在 Angular 模板中使用链接设置分页

Question

我尝试了以下解决方案：

{{页面}}

如果我删除路由器链接中的{{page}}，它可以工作，否则会出现错误。 但我当然需要链接内的页码，以便我可以定向到正确的页面。我怎样才能做到这一点？

Answer 1

尝试这样：( 你可以像数组一样传递routerLink参数，其中第二个参数可以是可变的。

<a style="display:inline-block" *ngFor="let page of pages" [routerLink]="['/searchflights',page]">
{{page}}
</a>

Answer 2

尝试这样做，只需更改逗号位置：

<a style="display:inline-block" *ngFor="let page of pages" [routerLink]="['/searchflights/'{{page}}]">
{{page}}
</a>