javascript - Angular:在FormGroup中定义默认值输入FormField

Question

从下面的代码中可以看出，我将默认值设置为文本区域:

<form [formGroup]="entryForm" (ngSubmit)="onSubmit()">
     <div class="view">
            <div class="col">
                        <mat-form-field>
                            <textarea matInput value="Test..." formControlName="firstValue"></textarea>
                        </mat-form-field>
            </div>
            <button type="submit">Submit</button>
      </div>
</form>

然后我像这样初始化我的 FormGroup 和 FormFields:

ngOnInit() {
 this.entryForm = new FormGroup({
   firstValue: new FormControl('')
 });
}

public onSubmit() {
  console.log(this.entryForm.value);
}

但是当我点击提交时，firstValue 的值似乎是空的，而不是“Test...”值，就像在 dom 元素中定义的那样。

Answer 1

改变这个:

firstValue: new FormControl('')

对此:

firstValue: new FormControl('Test...')

并从文本区域中删除属性值:

<textarea formControlName="firstValue"></textarea>

Here ，你可以找到一个完整的工作示例(基于 this 答案)

注意:

这种方法的问题是初始 Textarea 值将是“Test...”，这意味着用户将看到这样的文本。