Als «angular-reactive-forms» getaggte Fragen

14
So deaktivieren Sie eine Eingabe in angle2
In ts is_edit = truezu deaktivieren ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> Ich möchte einfach nur eine Eingabe basierend auf trueoder deaktivieren false. Ich habe Folgendes versucht: [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"
4
Wann wird FormGroup vs. FormArray verwendet?
FormGroup : Eine FormGroup fasst die Werte jedes untergeordneten FormControl zu einem Objekt zusammen, wobei jeder Steuerelementname als Schlüssel dient. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew'), }); FormArray : Ein FormArray fasst die Werte jedes untergeordneten FormControl in einem Array zusammen. const arr = …
11
So finden Sie die ungültigen Kontrollen in Winkel 4 reaktiver Form
Ich habe eine reaktive Form in Angular wie folgt: this.AddCustomerForm = this.formBuilder.group({ Firstname: ['', Validators.required], Lastname: ['', Validators.required], Email: ['', Validators.required, Validators.pattern(this.EMAIL_REGEX)], Picture: [''], Username: ['', Validators.required], Password: ['', Validators.required], Address: ['', Validators.required], Postcode: ['', Validators.required], City: ['', Validators.required], Country: ['', Validators.required] }); createCustomer(currentCustomer: Customer) { if (!this.AddCustomerForm.valid) { //some …
5
Wie füge ich in Angular Validator zu FormControl hinzu, nachdem das Steuerelement erstellt wurde?
Wir haben eine Komponente, die eine dynamisch aufgebaute Form hat. Der Code zum Hinzufügen eines Steuerelements mit Validatoren könnte folgendermaßen aussehen: var c = new FormControl('', Validators.required); Angenommen, ich möchte später den 2. Validator hinzufügen . Wie können wir das erreichen? Wir können online keine Dokumentation dazu finden. Ich habe …
19
Reaktive Formen - Markieren Sie Felder als berührt
Ich habe Probleme herauszufinden, wie alle Felder des Formulars als berührt markiert werden können. Das Hauptproblem ist, dass, wenn ich keine Felder berühre und versuche, einen Formularüberprüfungsfehler einzureichen, dieser nicht angezeigt wird. Ich habe einen Platzhalter für diesen Code in meinem Controller. Meine Idee ist einfach: Benutzer klickt auf die …
14
Angular 5 FormGroup Reset setzt Validatoren nicht zurück
Ich habe ein Formular auf meiner Seite und wenn ich FormGroup.reset()es aufrufe, setzt es die Formularklasse auf, gibt ng-pristine ng-untouchedaber FormControl.hasError(...)immer noch die Wahrheit zurück. Was mache ich hier falsch? Vorlage <form [formGroup]="myForm" (ngSubmit)="submitForm(myForm)"> <mat-form-field> <input matInput formControlName="email" /> <mat-error *ngIf="email.hasError('required')"> Email is a required feild </mat-error> </mat-form-field> <mat-form-field> <input …
2
ReactiveForms mit dynamischen rekursiven Vorlagen
Hier ist mein Problem. Online Beispiel des Problems Ich habe einen dynamischen JSON, den ich in ein Formular konvertieren muss. Also habe ich reaktive Formulare verwendet und durch Durchlaufen aller Eigenschaften von JSON entweder eine FormGroup oder FormControl auf folgende Weise erstellt: sampleJson ={prop1:"value1", prop2: "value2",...} ... myForm: FormGroup; myKeys=[]; …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.