Question

我是Angular的新手，所以我的问题是当我在ngFor创建的表上推送一个新对象时。问题是当我在文本框上写一些文本并点击＆＃34; + Agregar＆＃34;时，angular添加一个新行但删除其他输入的数据。但是如果我添加4行，那么在输入上写入一些数据并删除1行，之后如果我添加新行，那么texboxt中的旧数据会保留在那里

模板

<tr *ngFor="let presupuestolinea of this.presupuestolineas; let i = index">
<td class="col-sm-1" style="text-align:center">{{i+1}}</td>
<td class="col-sm-9"><input type="text" #lineadescripcion="ngModel" name="lineadescripcion" [(ngModel)]="presupuestolinea.lineadescripcion" class="form-control" /></td>
<td class="col-sm-1"><input type="text" #lineaprecio="ngModel" name="lineaprecio" [(ngModel)]="presupuestolinea.lineaprecio" class="form-control" /></td>
<td class="col-sm-1">
    <a title="Borrar" *ngIf="identity.role == 'ADMIN'" class="btn btn-danger btn-sm" style="text-align: center;width: 100px" (click)="deleteLinea(i)">
        <span class="glyphicon glyphicon-trash"></span>&nbsp;Eliminar
    </a>
</td>

组件

addLinea(index){
    let nuevoP = new Presupuestolinea(0,'','')
    this.presupuestolineas.push(nuevoP);
}

https://imgur.com/a/Fw0Mg

Angular push创建表行

0 个答案: