Как создать элемент с динамическим именем в ngModel?

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]">