角度模板驱动形式的动态元素参考

时间:2020-05-28 13:51:53

标签: html angular angular6 angular2-forms angular-forms

我正在尝试动态生成表单。我正在尝试动态设置对ngModel的元素引用,但是它不起作用。

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

。这里是代码

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

有什么方法可以设置角度模板驱动形式的动态元素参考?

1 个答案:

答案 0 :(得分:0)

您可以将其提供为

[id]='variableName'

这样,variableName将成为元素引用ID。