Tag: angular2-formbuilder

patch Wert in einer geschachtelten form-Steuerelement mit angular2

Anzahl der Antworten 6 Antworten
Ich brauche, um einen Wert in einer verschachtelten Steuerelement in einem FormBuiler und das Modell ist das folgende: this.addAccForm = this.fb.group({ accid: ['', Validators.required], status: '', cyc: this.fb.array([ this.initCyc(), ]) }) initCyc() { return this.fb.group({ cycid: ['',

Angular2 ReactiveFormsControl: wie binden radio-buttons?

Anzahl der Antworten 3 Antworten
Ich bin mit ReactiveFormsModule von Angular2 eine Komponente erstellen, die ein Formular enthält. Hier ist mein code: foo.Komponente.ts constructor(fb: FormBuilder) { this.myForm = fb.group({ 'name': ['', Validators.required], 'surname': ['', Validators.required], 'gender': }); } foo.component.html <div class="two

Iterieren formgroup mit array in Angular2

Anzahl der Antworten 2 Antworten
Arbeite ich an einem Modell-driven-form und ich kann Sie nicht hinzufügen zu einer Liste Elemente angezeigt wird, mit ngFor. Ich bin derzeit immer eine Fehlermeldung, wenn Sie versuchen zu iterieren meiner Liste. Fehler: Error: Cannot find control

Eckige 2 - Wie automatisch binden Objekt-Werte bezogen auf die Formular-Steuerelemente?

Anzahl der Antworten 3 Antworten
Ich bin mit model driven forms und ich bin auf der Suche eine bessere Möglichkeit die Daten zu binden Bezug auf formControlName's, weil ich mehr als 25 Felder auf meinem Formular, und ich will nicht zu haben,

Eckige 2 - set Kann nicht form-array-Wert

Anzahl der Antworten 3 Antworten
Bekomme ich diesen Fehler: Gibt es keine Formular-Steuerelemente registriert dieses array noch. Wenn Sie ngModel, möchten Sie vielleicht zu prüfen, nächsten tick (z.B. mit setTimeout). Wenn mit diesem code: public settingsForm: FormGroup = this.fb.group({ collaborators: this.fb.array(), rsvp:

Deaktivieren Sie das gesamte Formular auf einmal (Winkel-reaktive form)

Anzahl der Antworten 1 Antworten
Gibt es eine Möglichkeit, deaktivieren, um die gesamte form in Winkel bei Verwendung von Reaktiven Formen. Ich weiß, dass es möglich ist, um Sie zu deaktivieren. this.tempForm = this.fb.group({ m26_type: '', m26_name: '' }) this.tempForm.get('m26_type').disable(); Ist es

Wie fügt neue FormGroup oder FormControl zu bilden

Anzahl der Antworten 3 Antworten
Habe ich Folgendes form im Winkel erstellt mit FormBuilder: constructor(private fb: FormBuilder) { this.myForm = fb.group({ 'name': ['', [Validators.required], 'surname': ['', [Validators.required], 'email': ['', [validateEmail]], 'address': fb.group({ 'street': [''], 'housenumber': [''], 'postcode': [''] }, { validator: fullAddressValidator

Formular-Steuerelement-valueChanges gibt den vorherigen Wert

Anzahl der Antworten 4 Antworten
Ich habe ein Formular-Steuerelement mit dem Namen 'question1' innerhalb des form-Objekts parentForm und ich abonniert haben, um es in der folgenden Weise. Seine radio-button mit zwei Optionen Yes und No, wenn ich wählen Sie No bekomme ich

Winkel 2/4 Edit-Formular Füllen FormArray Kontrollen

Anzahl der Antworten 2 Antworten
Ich versuche zu implementieren ist ein edit-Formular für ein Modell mit verschachtelten Attribute (FormArray). Ich habe Probleme mit der syntax, und ich bin unsicher, ob ich auf dem richtigen Weg. Die Attribute für die wichtigste form der

Form Builder mit hasError() für die Validierung, wird eine error-der FEHLER TypeError: Cannot read property 'hasError' undefined

Anzahl der Antworten 4 Antworten
Hallo, ich bin die Implementierung einer form in Winkel-2 mit dem Formular-generator Komponente.ts implementierte ich mein Formular mit formGroup Unten ist Mein code public myForm: FormGroup; constructor(private authenticateservice: AuthenticateService, private _fb: FormBuilder ) { } ngOnInit() {

Wie input-Felder, die über einen button - Winkel-2 dynamische Formulare

Anzahl der Antworten 2 Antworten
Also habe ich die Anleitung hier: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Muss ich hinzufügen weiterer Felder zu einer bestehenden Feld. Ich habe etwas, das funktioniert, aber es ist klobig und es setzt das Formular zurück, wenn ich ihn treffe. Code unter:

Eckige Form-Control valueChanges nicht funktioniert

Anzahl der Antworten 2 Antworten
Möchte ich, um eine meiner Formen ("Familie") Wert, wenn geändert durch abonnieren, aber es scheint etwas falsch, da habe ich nichts auf meiner Konsole anmelden. import { Component , AfterViewInit } from '@angular/core'; import {FormGroup,FormBuilder} from '@angular/forms';

Verwenden deaktivieren mit model-driven-form

Anzahl der Antworten 1 Antworten
Ich versuche, die disabled in meinem model-driven form. Ich habe die folgende form: this.form = this.formBuilder.group({ val1: ['', Validators.required], val2: [{value:'', disabled:this.form.controls.val1.valid}] }); Ich bin immer ein Fehler (nicht finden controls von this.form) wahrscheinlich, weil ich bin

formGroup erwartet eine Instanz FormGroup

Anzahl der Antworten 2 Antworten
Habe ich eine Eckige 2-RC4-basic-form Beispiel auf Plunkr, der angezeigt wird, werfen die folgende Fehlermeldung (Im Chrome-DEV-console) Hier ist die plunkr https://plnkr.co/edit/GtPDxw?p=preview Fehler: browser_adapter.ts:82 EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in ./App class App - inline

Zwei-Wege-Bindung in reaktive Formen

Anzahl der Antworten 4 Antworten
Verwendung von Winkel-2, zwei-Wege-Bindung ist einfach in der Vorlage-driven forms - verwenden Sie einfach die Bananen-box syntax. Wie würden Sie replizieren dieses Verhalten in einem Modell-driven form? Zum Beispiel, hier ist eine standard-reaktive form. Lassen Sie uns

Reaktive Formulare - Markieren Sie Felder als berührt

Anzahl der Antworten 9 Antworten
Ich habe ein Problem, herauszufinden, wie man markieren Sie alle Formularfelder wie berührt. Das Hauptproblem ist, dass, wenn ich nicht berühren Sie die Felder und versuchen, zu senden Formular - Validierungs-Fehler nicht angezeigt. Ich habe Platzhalter für

ngModel kann nicht zum Registrieren von Formularsteuerelementen mit einer übergeordneten formGroup-Direktive verwendet werden

Anzahl der Antworten 5 Antworten
Nach dem Update auf RC5 wir begannen immer diese Fehlermeldung: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName"> </div> In

Was ist der Unterschied zwischen formControlName und FormControl?

Anzahl der Antworten 4 Antworten
Ich bin mit ReactiveFormsModule von Angular2 eine Komponente erstellen, die ein Formular enthält. Hier ist mein code: foo.Komponente.ts: constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': }); } foo.component.html (mit [formControl]): <div class="fields"> <div