如何在Angular 2中保持两个字段同步

我必须保持一个表单字段和一个角度2组件的另一个属性同步。（由于某些限制，我无法将两个字段绑定到同一个属性）

这是我的模板：

字段#1

<datepicker [(ngModel)]="dob" [minDate]="minDate" [ngModelOptions]="{standalone: true}"></datepicker>

字段#2（表单元素）

---

字段#1和#2需要同步。

您可以使用属性绑定将常规输入的值绑定到日期选择器的值：

<datepicker [(ngModel)]="dob" [minDate]="minDate"
[ngModelOptions]="{standalone: true}"></datepicker>

<input  [formControlName]="question.key" [attr.value]="dob" [id]="dob" [type]="text"/>

---

下面是我用上面的例子创建的。阅读有关属性绑定的更多信息。

在此上下文中，attr.value是什么？@user6123723

[attr.value]=“dob”

表示您正在将输入的属性

值

绑定到变量

dob

的值<代码>[attr.attributeName]只是Angular绑定到元素属性的语法。那么“attr”是dob？这不应该是[question.key.value]=“dob”吗？谢谢。@user6123723不，不，

[attr.value]=“dob”

表示您正在绑定输入的属性值，而不是

formControlName

的值。这对您不起作用，您是否收到错误？[attr.value]=“dob”表示“.Binding input的属性值”。这句话我不清楚。我确实使用了[attr.value]=“dob”，但它不起作用。我检查了你帖子中的文档，没有attr.value这样的东西。我知道我需要将“dob”绑定到输入字段。但这应该类似于[input_field_name.value]=“dob”，其中input_field_name是输入字段的名称。我不知道如何为这个生成一个plunkr

<datepicker [(ngModel)]="dob" [minDate]="minDate"
[ngModelOptions]="{standalone: true}"></datepicker>

<input  [formControlName]="question.key" [attr.value]="dob" [id]="dob" [type]="text"/>