Question

我以下列方式使用角度7形式。当我尝试将patchValue用于textarea元素时，它没有设置任何值。

  mainBlockIdeaForm = new FormGroup({
    title: new FormControl('', [Validators.required]),
    caption: new FormControl('', [Validators.required]),
    description: new FormControl('', [Validators.required])
  });

<form [formGroup]="mainBlockIdeaForm">

<div class="form-group input-group">
            <input class="form-control" placeholder="caption" formControlName="caption"/>
          </div>

          <div class="form-group input-group">
            <input class="form-control" placeholder="title" formControlName="title"/>
          </div>
          <div class="form-group input-group">
            <textarea class="form-text-control" placeholder="description"  formControlName="description"></textarea>
          </div>
        </form>

    this.mainBlockIdeaForm.patchValue({
      caption: this.idea.caption,
      title: this.idea.title,
      description: this.idea.description});

Answer 1

我不知道您实际上如何更新表单控件，但是基本上您可以执行以下操作：

this.mainBlockIdeaForm.get('description').setValue('your value');

您的文本区域将被更新。

Answer 2

尝试

this.mainBlockIdeaForm.controls.description.setValue(this.idea.description);

Answer 3

您可以这样：）

 this.mainBlockIdeaForm.patchValue({description: 'SG'});

Answer 4

<textarea style="background-color:black;color:white;" [(ngModel)]='someValue' rows="30" cols="120">

NgModel 将帮助您解决需求。如果希望通过表单控件进行操作，则使用代码

或

说明：new FormControl（data？data：null，{}），在HTML

或使用表单控件

this.mainBlockIdeaForm.controls.description.setValue("Required value");

实时示例 https://stackblitz.com/edit/angular-6-reactive-forms-4ssfml

如何在角度7中设置textarea的值

4 个答案: