首页 > 解决方案 > 如何获得价值

角反应形式内的元素?

问题描述

我正在使用一个angular reactive在 div 中包含文本的表单。如何使用反应式表单控件名称在我的组件中获取 div 的值不起作用,因为它可以使用<input><select>标记

已尝试使用代码,包括formcontrolname

html代码是


<form [formGroup] ="groupName">
  <div formControlName = "preface">{{text}}</div>
</form>
.ts
this.groupName = this.formBuilder.group({
    preface: [null]
)}

我正在尝试使用以下代码获取组件中的值

let text = this.groupName.get("preface").value; 

我希望 div 元素内的输出位于文本变量 Help!

标签: javascripthtmlangularangular-reactive-forms

解决方案


尝试这个,

<form [formGroup] ="groupName">
<div formGroupName="preface">{{text}}</div>
</form>

推荐阅读