如何在Ionic开发中将ion-item绑定的参数值传递给点击触发函数

问题原因 #

Angular 的事件绑定语法(click)内部本身就是表达式执行环境，不需要额外加插值语法{{ }}包裹变量，你的传参写法不符合Angular语法规范，导致无法正确读取变量值。

修正后的模板代码 #

<ion-list id="items_list">
  <ion-item  
    *ngFor="let item of items_prods" 
    (click)="callSettingsPage(item.ID, item.State)"
    [value]="item.ID"
  >
    ID : {{item.ID}}<br/>
    STAT : {{item.State}}
  </ion-item>
</ion-list>

关键修改说明 #

• 删除(click)参数中的'{{ }}'包裹，直接传入item.ID、item.State变量即可
• 移除了冗余的内层嵌套<ion-item>，重复嵌套组件可能导致点击事件冒泡异常
• value属性改为标准的Angular属性绑定写法[value]="item.ID"，原有插值写法也可正常生效，这里是可选优化
• 你现有的callSettingsPage函数逻辑不需要做任何修改，参数正确传入后即可正常读取数值

内容的提问来源于stack exchange，提问作者Luigino