如何用离子中的排序列表显示数字?

时间:2018-02-01 10:34:11

标签: angular ionic-framework

我从数据库中获取整体数据并根据list.ENTUSR ='kiran'过滤数据。如何用列表显示数字示例(1,2,3 ......等)。

example:-> 1. kiran- hello
2. kiran - hii
3.kiran - okkk

- >我需要以某种方式在列表中添加计数。但我不知道该怎么做。

.ts

this._servall.myservice(this.taskdesc).subscribe(data=>
    {
    this.display=data;
    });

html的

 <ion-list no-lines *ngFor="let list of display;let i=index;" >
        <ion-item  text-wrap *ngIf="list.ENTUSR='kiran'">
{{list.i}}
    {{list.ENTUSR}}
    {{list.DESCRPITION}}
    </ion-item> 
    </ion-list>

请指导我实现这一目标的方法。

  

感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

不确定你在找什么,这样的?

displayKiran = [];

constructor() {
  this.displayKiran = this.display.filter(dis => {
     return dis.name == 'kiran';
  });
}

<ion-list no-lines *ngFor="let list of displayKiran;let i=index;" >
    <ion-item  text-wrap>
        {{list.i}} {{list.ENTUSR}} {{list.DESCRPITION}}
    </ion-item> 
</ion-list>

在构造函数中,或填充显示数组时,使用该条件过滤数据,然后循环过滤数据,例如:

https://stackblitz.com/edit/ionic-68drb6

答案 1 :(得分:0)

您应该键入{{i}}而不是{{list.i}},因为 i 不是 list

的成员