Dynamic element reference in angular template driven forms

Question

I am trying to generate form dynamically . I am trying to set element reference to ngModel dynamically but it is not working .

 #{{item.name}}="ngModel"

.Here is the code

  <input type={{item.type}} class={{item.className}} placeholder="{{item.placeholder}}"
  [(ngModel)]="item.value" name='{{item.name}}' #{{item.name}}="ngModel"
  [ngClass]="{ 'is-invalid': f.submitted && item.value==''}" [required]="item.required">

Json

{
className: "form-control"
icon: "fa-font"
label: "TextBox"
layout: "row"
layoutList: (2) [{…}, {…}]
name: "textq6es58"
placeholder: "Enter your name"
required: true
toggle: true
type: "text"
}

Is there any way to set Dynamic element reference in angular template driven forms?

Answer 1

You can provide it as

[id]='variableName'

so that the variableName will be the element reference ID.