离子编辑ngFor数组中的项目数据

时间:2018-05-11 08:30:46

标签: angular typescript ionic-framework ionic2 ionic3

所以我有一个list.htmllist.ts文件

这是我使用*ngFor

的列表
<ion-list>
    <ion-item *ngFor="let item of items">
        <h2>{{item.name}}</h2>
        <p>{{item.description}}</p>
        <p>{{item.amount}}</p>
        <p>{{item.uniqueID}}</p>
    </ion-item>
</ion-list> 

lists.ts中,我有一个获取事件新数据的函数,

this.events.on('dataAvailable', (data) => {

      for (var i = 0; i < data.length; i++){

        this.ngZone.run(() => {

          this.items.push({
            name: data[0].name,
            description: data[0].description,
            amount: data[0].amount,
            uniqueID: data[0].uniqueID
          });  

        });

      }

});

这很好用,每次都会在列表中添加新数据 事件发生了。但是,事件可以包含已经存在的数据 数组中的现有项目。

我知道我可以找到现有项目的indexitems并以这种方式更新数据,但我需要更直接的 编辑现有数据的方法,可能是uniqueID

非常感谢帮助,谢谢!

0 个答案:

没有答案