ionic-03 双向数据绑定、循环遍历数组

ionic双向数据绑定

html代码

<ion-input type="number" [(ngModel)]="lightTemp.lux"></ion-input>

ts代码

public lightTemp:any={
   
  };

ionic 循环遍历数组使用*ngFor

<ion-item *ngFor="let item of lightArray" color='{{item.color}}' (click)="itemClick(item.index)">
       <ion-col>{{item.lux}}</ion-col>
       <ion-col>{{item.netName}}</ion-col>
       <ion-col>{{item.netId}}</ion-col>
</ion-item> 

使用双向数据绑定，添加信息后，直接将对象存入数组中，界面也会自动同步更新，无需dom操作。

javascript数组添加删除对象

var array = [];
//添加对象
array.push({});
//删除对象startIndex起始位置，num删的个数
array.splice(startIndex,num);