Programowanie angular-reactive-forms

14

W ts, is_edit = trueaby wyłączyć ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> Chcę po prostu wyłączyć dane wejściowe oparte na truelub false. Próbowałem śledzić: [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular angular-reactive-forms disabled-input

4

Kiedy używać FormGroup, a kiedy FormArray?

FormGroup : FormGroup agreguje wartości każdego FormControl dziecka w jeden obiekt, z każdej nazwy kontrolnej jako klucza. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : FormArray agreguje wartości każdej FormControl dziecko w tablicy. const arr = new FormArray([ new FormControl('Nancy', Validators.minLength(2)), new FormControl('Drew') …

91 angular angular2-forms angular-reactive-forms

11

Jak znaleźć nieprawidłowe kontrolki w formie reaktywnej kątowej 4

Mam formularz reaktywny w Angular jak poniżej: 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 app logic …

89 angular angular-reactive-forms reactive

5

W Angular, jak dodać Validator do FormControl po utworzeniu kontroli?

Mamy komponent, który ma dynamicznie budowaną formę. Kod dodający kontrolkę z walidatorami może wyglądać następująco: var c = new FormControl('', Validators.required); Ale powiedzmy, że chcę dodać drugi walidator później . Jak możemy to osiągnąć? Nie możemy znaleźć żadnej dokumentacji na ten temat w Internecie. Znalazłem chociaż w kontrolkach formularza jest …

89 angular forms angular-reactive-forms

19

Formularze reaktywne - zaznacz pola jako dotknięte

Mam problem ze znalezieniem sposobu oznaczenia wszystkich pól formularza jako dotkniętych. Główny problem polega na tym, że jeśli nie dotykam pól i nie próbuję wysłać formularza - błąd walidacji nie pojawia się. Mam symbol zastępczy dla tego fragmentu kodu w moim kontrolerze. Mój pomysł jest prosty: użytkownik klika przycisk przesyłania …

88 angular angular-reactive-forms angular2-forms angular2-formbuilder

Pytania otagowane jako angular-reactive-forms