输入的数据绑定与Angular中的预定义值

Question

我想要一个具有电子邮件提供商价值的预定义输入表单。 我的情况不是修改，在提交时，它应该上传到firebase的gmail.com值，但除非我从输入表单中删除值并重写，否则它不会上传任何内容。

<input class="button" value="gmail.com" formControlName="emailProvider">

有人能告诉我应该修改什么才能工作吗？

Answer 1

模板驱动表格：

<input class="button" [(ngModel)]="value">

class MyComponent {
  value = 'gmail.com'
}

反应表格：

<input class="button" [formControl]="ctrl">

class MyComponent {
  ctrl = new FormControl('gmail.com');
}

Answer 2

我认为这可能会成功：

1）从输入中删除value属性;

2）在FormGroup实例化中创建emailProvider FormControl时，将前者的初始值设置为“gmail.com”

scrollView

通过这样做，FormControl的初始值将为“gmail.com”，并且应该能够被用户的输入覆盖。