angular - 表单控件的默认值不显示
问题描述
我试图给formcontrol
我整个项目中的任何一个默认值,它不会显示在 html 中。这是一个例子:
这是我的 ts 文件
import {FormBuilder, FormGroup, FormArray, Validators, NgForm} from
'@angular/forms';
template = this.fb.group({
templateName: ['name', [Validators.required]]})
constructor(private fb: FormBuilder){}
我的 html
<form [formGroup]="template" #formDirective="ngForm" class="col-lg-4 col-md-4 col-con">
<input matInput placeholder="Template Name"
maxlength="255" formControlName="templateName" value=""
required>
</form>
我的模块
imports: [
BrowserModule,
CommonModule,
FormsModule,
HttpClientModule,
AppRoutingModule,
RouterModule,
ReactiveFormsModule]
解决方案
只需删除此属性value=""
<form [formGroup]="template" #formDirective="ngForm" class="col-lg-4 col-md-4 col-con">
<input matInput placeholder="Template Name" formControlName="templateName" >
</form>
我还建议删除
maxlength="255",required
和使用 Validators.required 和 Validators.maxLength
templateName: ['name', [Validators.required,Validators.maxLength(255)]]