Angular 2 2 Daten Art und Weise auf 2 Eingängen nicht verbindlich

Question

Arbeits

Hallo, ich habe diesen Code:

<input type="radio" value="{{commencementDate.value}}" id="bankCommencementDateSelect" formControlName="bankCommencementDate"> 

<input #commencementDate id="bankCommencementDateInput" formControlName="bankCommencementDateInput" type="date" format="DD-MM-YYYY" min="{{ today | date: 'y-MM-dd' }}"/> 

Der Wert des Datumseingabe wird gesetzt in jedoch den Radio-Eingang, wenn ich das Formular speichern ist der Wert nicht Speichern und verursacht einen Fehler bei der erforderlichen Validierung am Funkeingang.

Was ich will ist was auch immer Wert ist in der Datumseingabe ist auf den Wert des Radio-Button so eingestellt, wenn es gespeichert wird funktioniert, aber ich habe versucht ein paar andere Möglichkeiten und nichts scheint zu arbeiten.

Jede Hilfe wäre erstaunlich, danke!

Answer 1

Da Sie ein formControlName haben, der richtige Weg, um den Wert zu erhalten, ist wie folgt:

<input type="radio" [value]="myForm.get('bankCommencementDateInput').value" id="bankCommencementDateSelect" formControlName="bankCommencementDate"> 

Answer 2

Der beste Weg, Wert in Angular reaktiv setzen aus von einer Klasse Komponente setValue oder patchValue verwenden.

Sie können eine Funktion schreiben, die einen Wert (mithilfe von patchValue) aus einer Klassenkomponente für keyup -Ereignis setzt.