代码之家 › 专栏 › 技术社区 › user2828442

如何获取Ionic 2中单击行的索引号

ionic2 ionic-framework angular javascript

user2828442 · 技术社区 · 7 年前

我以JSON格式从URL获取数据,并在html上显示。请参见下图-

我想单击名称并获取所单击行的数组索引

我该怎么做?

以下是我的html代码,以备您需要:

<ion-row *ngFor = "let list of list"> 
          <ion-col>{{list.ID}}</ion-col>
          <ion-col>{{list.PRODUCTSERVICE}}</ion-col> 
          <ion-col>{{list.NAME}}</ion-col>
          <ion-col>{{list.UNIT}}</ion-col>
          <ion-col>{{list.CATEGORY}}</ion-col>
          <ion-col>{{list.HSN}}</ion-col>
          <ion-col>{{list.POSTINGHEAD}}</ion-col>
          <ion-col>{{list.RATE}}</ion-col>
          <ion-col>{{list.TYPE}}</ion-col>
          <ion-col>{{list.SACCODE}}</ion-col>
          <ion-col><ion-icon ios="ios-close-circle" md="md-close-circle"></ion-icon></ion-col> 
       </ion-row>

3 回复 | 直到 5 年前

Sajeetharan 7 年前

您需要将索引与ngFor一起使用

<ion-row ngFor = "let list of list; let i = index;> 
<ion-col (click)="generate(i);">{{list.ID}}</ion-col>

相应的ts是,

generate(index) {
    console.log('index', index);
}

Chandru 7 年前

试着这样做:

<ion-row *ngFor = "let list of list; let i = index; " (click)="getIndex(i)"></ion-row>

组成部分输电系统

getIndex(index) {
    console.log('index', index);
}

-1

Rahul Singh 7 年前

试试这样的

*ngFor="let item of items; let i = index"

现在可以将此索引传递给 click

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Alex · 在轻量级中同时解构和不解构变量

3 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

3 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

4 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前