如何在角度2中保持兩個字段同步

我必須保持表單字段和Angular 2組件的另一個屬性保持同步。（由於某些限制，我無法將兩個字段綁定到同一個屬性）。如何在角度2中保持兩個字段同步

這裏是我的模板：

現場＃1

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

場＃2（Form元素）

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

場＃1和＃2需要在同步。

來源

2016-11-09 user6123723

您可以使用屬性綁定經常輸入的值綁定到日期選擇器的值：

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

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

這裏的Plunker我用上面的例子創建。詳細瞭解屬性綁定here。

來源

2016-11-09 18:22:15

在這種情況下什麼是attr.value？ – user6123723

@ user6123723'[attr.value] =「dob」'表示您將輸入的屬性'值'綁定到變量'dob'的值。 '[attr.attributeName]'只是Angular綁定元素屬性的語法。 –

所以'attr'是dob？不應該是[question.key.value] =「dob」？謝謝。 – user6123723

如何在角度2中保持兩個字段同步

回答

相關問題