Preguntas etiquetadas con angular-reactive-forms

En ts is_edit = truepara deshabilitar ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> Simplemente quiero deshabilitar una entrada basada en trueo false. Intenté lo siguiente: [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

FormGroup : Un FormGroup agrega los valores de cada FormControl secundario en un objeto, con cada nombre de control como clave. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : Un FormArray agrega los valores de cada FormControl secundario en una matriz. const arr …

91 angular  angular2-forms  angular-reactive-forms 

Tengo una forma reactiva en Angular como a continuación: 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 …

89 angular  angular-reactive-forms  reactive 

Tenemos un componente que tiene una forma construida dinámicamente. El código para agregar un control con validadores podría verse así: var c = new FormControl('', Validators.required); Pero digamos que quiero agregar 2nd Validator más tarde . ¿Cómo podemos lograr esto? No podemos encontrar ninguna documentación sobre esto en línea. Encontré …

84 angular  forms  angular-reactive-forms 

Tengo problemas para averiguar cómo marcar todos los campos del formulario como tocados. El principal problema es que si no toco los campos e intento enviar el formulario, el error de validación no aparece. Tengo un marcador de posición para ese fragmento de código en mi controlador. Mi idea es …

83 angular  angular-reactive-forms  angular2-forms  angular2-formbuilder 

Aquí está mi problema. Ejemplo en línea del problema Tengo un JSON dinámico que necesito convertir a un formulario. Entonces, utilicé formas reactivas y al revisar todas las propiedades del JSON creo un FormGroup o FormControl, de esta manera: sampleJson ={prop1:"value1", prop2: "value2",...} ... myForm: FormGroup; myKeys=[]; ... ngOnInit() { …

8 angular  angular-reactive-forms