如何获取角反应形式内的<div>元素的值？

Question

我正在使用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元素内的输出位于 text 变量Help！之内！

Answer 1

尝试一下

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