离子传递 *ng-for 信息到查询参数中答案

【问题标题】：Ionic pass *ng-for information into query params离子传递 *ng-for 信息到查询参数中
【发布时间】：2019-03-21 11:58:20
【问题描述】：

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

这是我的代码：

<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 等于索引，我不断收到错误等。

【问题讨论】：

你能把错误贴出来吗？
我认为 [queryParams]="{id: 'i'}" 应该看起来像这样 [queryParams]="{id: i}" 因为您将 id 设置为 'i' (string)
@JosefKatič 成功了！我真傻。
我会把它作为答案发布

标签： angular ionic-framework ionic4

【解决方案1】：

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

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

【讨论】：