首页 > 解决方案 > 输入和ngFor中的Angular ngModel不起作用并列出表的最后一个元素

问题描述

“我尝试使用 ngFor 和 ngModel 在输入中显示数组元素,这是我的 HTML”

<tbody>
    <tr *ngFor="let type of res;let in = index">
        <td><img src="assets/images/svg/line-delete.svg" matTooltip="Supprimer l'élement"></td>
        <td><input type="text" formControlName="texteListe"  name="name{{in}}" 
                  [(ngModel)]="type.TEXTE"></td>
        <td><input type="number" formControlName="valeurListe"  name="name{{in}}" 
                  [(ngModel)]="type.VALEUR">{{type.VALEUR}}</td>
        <td><i class="material-icons" (click)="champUp(type, in)">expand_less</i></td>
        <td><span class="material-icons" (click)="champDown(type, in)">expand_more</span></td>
    </tr>
    <tr *ngFor="let libelle of list; let in = index">
        <td *ngIf="showCase"><img src="assets/images/svg/line-delete.svg" matTooltip="Supprimer 
                  (click)="deleteElement()"></td>
    </tr>
</tbody>

这是我的 ts:

this.configurationService.getTypeListe().toPromise().then(list => {
    for (let j = 0; j < list.length; j++ ) {
        if (list[j].NODEFCODEX === element.NOGENE) {
            this.res.push(list[j]);
        }
    }
});

标签: arraysangularinputngforngmodel

解决方案


推荐阅读