angular2中循环遍历再增加一组数组可以删除可以增加
2017-05-22 00:00
260 查看
html:
<tr> <th class="align-center"><input type="checkbox"></th <th class="align-center">供应商SKUID</th> <th class="align-center">SKU名称</th> <th class="align-center">参考价</th> <th class="align-center">进价</th> <th class="align-center">进价折扣</th> <th class="align-center">供应状态</th> <th class="align-center">累计采购</th> <th class="align-center">销量</th> <th class="align-center" style="width:10%;">删除</th> </tr> </thead> <tbody> <tr *ngFor="let sku of mod_supplierSkuList"> <td class="align-center" ><input type="checkbox" (click)="select(sku)"></td> <td class="align-center"><input type="text" [(ngModel)]="sku.supplierSku" class="td-width"/></td> <td class="align-center"><input type="text" [(ngModel)]="sku.supplierName" style="border:none"></td> <td class="align-center"><input type="text" [(ngModel)]="sku.referencePrice" class="td-width"></td> <td class="align-center"><input type="text" [(ngModel)]="sku.purchasePrice" class="td-width"></td> <td class="align-center"><input type="text" [(ngModel)]="sku.discount" class="td-width"></td> <td class="align-center"><input type="text" [(ngModel)]="sku.supplierStatus" class="td-width"></td> <td class="align-center"><input type="text" [(ngModel)]="sku.purchaseCount" class="td-width"></td> <td class="align-center"><input type="text" [(ngModel)]="sku.sales" class="td-width"></td> <td class="align-center"> <span class="info-work-minus" (click)="minusWorkHis(sku.index)" style="cursor:pointer">- </span> <!--<span class="info-work-minus info-work-plus" (click)="addSku()" [class.hidden]="! (sku.index == mod_supplierSkuList.length)" style="cursor:pointer">+</span>--> </td>
</tr>
<tr> // 这一组一出现的时候就是一个空数组
<td class="align-center" ><input type="checkbox"></td>
<td class="align-center"><input type="text" class="td-width" [(ngModel)]="mod_supplierSku"/>
</td>
<td class="align-center">
<input type="text" style="border:none" [(ngModel)]="mod_supplierName">
</td>
<td class="align-center">
<input type="text" class="td-width" [(ngModel)]="mod_referencePrice">
</td>
<td class="align-center"><input type="text" class="td-width" [(ngModel)]="mod_discount"> </td>
<td class="align-center">
<input type="text" class="td-width" [(ngModel)]="mod_purchasePrice">
</td>
<td class="align-center">
<input type="text" class="td-width" [(ngModel)]="mod_purchaseCount">
</td>
<td class="align-center">
<input type="text" class="td-width" [(ngModel)]="supplierStatus">
</td>
<td class="align-center">
<input type="text" class="td-width" [(ngModel)]="mod_sales">
</td>
<td class="align-center">
<!--<span class="info-work-minus" (click)="minusWorkHis(sku.index)" style="cursor:pointer">-</span>-->
<span class="info-work-minus info-work-plus" (click)="addSku()" style="cursor:pointer">+</span>
</td>
</tr>
### ts:
删除当前的数组的一行
//删除
private minusWorkHis(skuIndex: any): void {
this.logger.log("删除下标"); this.logger.log(skuIndex); this.logger.log(this.mod_supplierSkuList); this.mod_supplierSkuList.splice(this.mod_supplierSkuList.indexOf(skuIndex),1); } //增加 先要初始化参数 然后在http请求的返回数组中 动态添加index private i: number = 1; private index:number = 1; private mod_discount: any; private mod_purchaseCount: any; private mod_purchasePrice: any; private mod_referencePrice: any; private mod_sales: any; private mod_supplierName: any; private mod_supplierSku: any; private mod_supplierStatus: any; //这个就是动态添加index for(let list of this.mod_supplierSkuList){ list.index = index++; } // this.logger.log("----"+(this.mod_supplierSkuList.length-1)); // if( // this.mod_discount == null || // this.mod_purchaseCount == null || // this.mod_purchasePrice==null || // this.mod_referencePrice==null || // this.mod_sales == null || // this.mod_supplierName ==null|| // this.mod_supplierSku ==null || // this.mod_supplierStatus == null // ){ // // alert("请求参数不能为空"); // // // }else{ let add_work = { index:this.index++, discount: this.mod_discount, purchaseCount: this.mod_purchaseCount, purchasePrice: this.mod_purchasePrice, referencePrice:, sales: this.mod_sales, supplierName: this.mod_supplierName, supplierSku: this.mod_supplierSku, supplierStatus: this.mod_supplierStatus }; this.mod_supplierSkuList.push(add_work); this.logger.log(this.mod_supplierSkuList); // } }
相关文章推荐
- 单链表很类似于栈,先插入的后遍历,删除也是删除最后插进来的。但增加的指定查找和指定删除的方法增加了灵活性,可以删除、查找指定key
- LinkedList,ArrayList在foreach循环遍历时可以删除元素!!!
- 关于swift for 循环 遍历数组删除元素的bug问题
- 巧在C#中设置多维动态数组,可以动态增加及删除
- [破除迷信]java.util.ArrayList在foreach循环遍历时可以删除元素
- Python中不用循环同时遍历两个数组并进行对应元素的处理并进行删除
- JavaScript-//FOR/IN循环。当使用for/in循环遍历关联数组时,就可以清晰地体会到for/in的强大之处。
- [破除迷信]java.util.ArrayList在foreach循环遍历时可以删除元素
- sql while循环操作 (大数据删除可以用得到) [原创 by lee]
- php 数组操作(增加,删除,查询,排序)等函数说明第1/2页
- [ZT]Treeview增加、删除、修改、遍历等操作
- 集合遍历时删除和增加元素
- ActionScript3.0中利用forEach循环遍历一个数组(Array)对象并且修改其中的项目
- 组合有序数组 循环删除数组元素
- 请给Array本地对象增加一个原型方法,它的用途是删除数组条目中重复的条目(可能有多个),返回值是一个仅包含被删除的重复条目的新数组。
- javascript写的贪吃蛇(循环遍历DOM思路,非数组)
- PHP中foreach循环遍历数组
- 一维数组的遍历、添加、删除、位置移动的实例
- 集合遍历时删除和增加元素
- 使对象可以像数组一样进行foreach循环,要求属性必须是私有