Question

如何在ngModel中创建具有动态名称的元素？

 <div class="form-group" *ngFor="let setting of settings">
    <label [for]="setting.name + '-' + setting.type">Setting</label>
    <input type="number" class="form-control"
           [id]="setting.name + '-' + setting.type"
           [name]="setting.type + '_typeInterval'"
           [(ngModel)]="setting.timeInterval"
           required #"{{setting.type + '_typeInterval'}}"="ngModel">
    <div class="errors-area" *ngIf="setting.type + '_typeInterval'".errors">
        <span *ngIf="setting.type + '_typeInterval'".errors.required">Required</span>
    </div>
</div>

如何使其能够动态分配ngModel类型的变量名称？在这种情况下，请使用setting.type +'_typeInterval'。

Answer 1

您可以使用带有this关键字的数组符号，如this stackblitz所示：

<input type="text" [(ngModel)]="this['someVar']">
<input type="text" [(ngModel)]="this[some + Var]">

如何在ngModel中使用动态名称创建元素？

1 个答案: