angular - 问题：FromControl 不显示值

Question

我试图向输入添加一个值，因为我需要在表单打开时将信息记入表单中，并且在测试不同的方式之后，我发现使该值不显示在 angular 上的属性是FormControlName，并且它是有角度的形式，我不能切割FormControlName，那我该如何解决？

 <input
          type="text"
          class="form-control form-control-sm"
          id="Name"
          name="Name"
          value="John"
          formControlName="TeamName"
          placeholder="Insert a name"
        />

一世

标签： angular

Answer 1

您基本上是在告诉input您希望它使用value "John"，但随后您立即告诉它“不，请改用表单控件”。

为什么不直接将值设置到表单控件上？

export class MyComponent {
  TeamName = new FormControl("John");
}

在你说的模板中：

<input type="text"
       class="form-control form-control-sm"
       id="Name"
       name="Name"
       [formControl]="TeamName"
       placeholder="Insert a name"/>