<td mat-cell *matCellDef="let element "> <mat-select [(value)]="element.attributeIdenty" placeholder="被约束属性" (selectionChange)="onChange(item,element)" #item> <mat-option *ngFor="let item of productAttribute" [value]="item.attributeIdenty" > {{item.attributeName}} </mat-option> </mat-select> </td>
获取行号,并删除:
removeInput(item){ let i = this.dataSource.indexOf(item); this.dataSource.splice(i,1); }
传值并获取行号:
onChange(event: any,item) { let i = this.dataSource.indexOf(item); if (event.value) { this.copydataSource.splice(i,1,{attributeIdenty:event.selected.value}); } }
[(value)]="element.attributeIdenty"主要是绑定数据 ,编辑和查看时回显数据。