时间戳

首页 > 解决方案 > 如何动态定义 ngmodel 名称？

angular - 如何动态定义 ngmodel 名称？

问题描述

这是我的代码：

vmarray[]={'Code','Name','Place','City'}
export class VMDetail {

    lstrData1:string;
    lstrData2:string;
    lstrData3:string;
    lstrData4:string;
    lstrData5:string;
    lstrData6:string;
    lstrData7:string;   
}

vm:VMDetail


<ng-container *ngFor="let datas of vmarray;  let i = index;"> 
    <mat-form-field class="example-full-width" [ngStyle]="ngStyleMapper(datas.width)">    
        <input [(ngModel)]="vm.lstrData{{i}}"   name="vm.lstrData{{i}}"  matInput placeholder ={{datas}}  (click)="dblclick(i)">
    </mat-form-field>        
</ng-container>

如何动态定义 ngModel 名称？

标签： angulartypescript

解决方案

您可以使用索引器访问对象成员

[(ngModel)]="vm['lstrData'+i]"

推荐阅读