Angular 角反应形成未定义的值

我试图在文本框中输入值时显示该值，但得到一个“错误类型错误：无法读取未定义”错误的属性“值”

以下是我在组件中注册的formControls：

import { Component } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';


@Component({
  selector: 'app-site-reset',
  templateUrl: './site-reset.component.html',
  styleUrls: ['./site-reset.component.scss']
})
export class SiteResetComponent {
  siteResetForm = new FormGroup({
    attuid: new FormControl(''),
    contactNumber: new FormControl(''),
    vendor: new FormControl(''),
    severity: new FormControl(''),
    siteNum: new FormControl(''),
    reasonSelect: new FormControl(''),
    other: new FormControl(''),
    pilot: new FormControl(''),
    alarms: new FormControl(''),
    adjacent: new FormControl(''),
    reset: new FormControl(''),
    anr: new FormControl(''),
    tickets: new FormControl(''),
    other_action: new FormControl(''),
    date: new FormControl(''),
  });

在模板的开头，我试图打印输入的数据

<div class="container-fluid">
  <h2>Site Reset (basic) form</h2>

  <div class="row">

    <div class="col-5">
      <div class="p-3 mb-2 bg-primary text-white">
        <form [formGroup]="siteResetForm" (ngSubmit)="onSubmit()">

          <div class="form-group">
            <label>ATTUID:</label>
            <input type="text" class="form-control" placeholder="ATTUID" formControlName="attuid">
          </div>

          <p>
            Value: {{ attuid.value }}
          </p>

现场重置（基本）表
收件人：

值：{{attuid.Value}

attuid不会直接暴露于模板。您需要通过引用向模板公开的表单组来访问它

<p>Value: {{ siteResetForm.controls.attuid.value }}</p>

值：{{siteResetForm.controls.attuid.Value}

您需要使用反应式表单中提供的方法：

siteResetForm.get('attuid').value

---

非常感谢。成功了。你介意投票表决我的问题吗？试图建立声誉。