Ionic 将 *ng-for 信息传递到查询参数中

Question

我有一个 *ng-for 循环，生成离子项目，但我希望这些项目路由到另一个页面，但传递该项目的索引作为查询参数。

这是我的代码：

<ion-item *ngFor="let item of items; index as i;" 
    [routerLink]="['/itempage']" [queryParams]="{id: 'i'}" 
    routerDirection="forward">
    <ion-label>{{item.name}}</ion-label>
</ion-item>

我不知道如何让 { q: 'i' } 部分真正使 i 等于索引，我不断收到错误等。

Answer 1

您没有在那里设置索引，而是将 id 设置为 'i'，这是字符串。

改成这个[queryParams]="{id: i}"

Ionic 将 *ng-for 信息传递到查询参数中

Ionic pass *ng-for information into query params

ionic-framework

angular

ionic4