我正在尝试显示在文本框中输入的值,但出现“错误类型错误:无法读取未定义的属性‘值’”错误。
这是我在组件中注册的 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 不直接暴露给模板。您需要通过引用暴露给模板的表单组来访问它。
<p>Value: {{ siteResetForm.controls.attuid.value }}</p>
关于 Angular react 形式未定义值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53345677/