首页 > 解决方案 > 如何从角度的动态形式中获取价值

问题描述

我如何从角度动态形式获取值这是我的代码:我的 html

<form (ngSubmit)="PreviewData()" [formGroup]="DataForm">
<div class="form-group row" *ngFor="let data of FormData;" >
        <label class="col-md-2 col-form-label" >{{data.name}}</label>
        <div class="col-md-10">
          <input type="text" class="form-control"  name="{{data.name}}">
        </div>
      </div>
<button class="btn btn-primary float-right" type="submit" >Preview</button>
</form>

在我的打字稿文件中

PreviewData() {
    this.payLoad = JSON.stringify(this.DataForm.value);
}

如何从 ts 文件中的组数据中获取值

标签: angulartypescriptdynamicform

解决方案


您可以通过以下方式获取个人数据值FormGroup

this.DataForm.get('<enter control name>').value

例如,如果您的表单控件是“电子邮件”:

this.DataForm.get('email').value

或者,您可以将整个表单值作为对象获取:

this.DataForm.getRawValue()


推荐阅读