«angular-reactive-forms» 태그된 질문

is_edit = true비활성화하려면 ts 에서 ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> 단순히 true또는 기반으로 입력을 비활성화하고 싶습니다 false. 나는 다음을 시도했다 : [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

FormGroup : FormGroup는 키 각 컨트롤의 이름으로, 하나의 객체로 각 자식 FormControl의 값을 집계합니다. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : FormArray는 배열로 각 하위 FormControl의 값을 집계. const arr = new FormArray([ new FormControl('Nancy', Validators.minLength(2)), new FormControl('Drew') ]); 하나는 언제 다른 …

91 angular  angular2-forms  angular-reactive-forms 

Angular에는 아래와 같은 반응 형이 있습니다. 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 

동적으로 구축 된 형태를 가진 구성 요소가 있습니다. 유효성 검사기로 컨트롤을 추가하는 코드는 다음과 같습니다. var c = new FormControl('', Validators.required); 하지만 나중에 2nd Validator를 추가하고 싶다고합시다 . 이것을 어떻게 할 수 있습니까? 온라인에서이 문서를 찾을 수 없습니다. 양식 컨트롤에는 setValidators가 있지만 this.form.controls["firstName"].setValidators 그러나 새로운 또는 사용자 정의 유효성 검사기를 …

84 angular  forms  angular-reactive-forms 

모든 양식의 필드를 터치 한 것으로 표시하는 방법을 찾는 데 문제가 있습니다. 주요 문제는 필드를 만지지 않고 양식을 제출하려고하면 유효성 검사 오류가 표시되지 않는다는 것입니다. 컨트롤러에 해당 코드에 대한 자리 표시자가 있습니다. 내 생각은 간단합니다. 사용자가 제출 버튼을 클릭 모든 필드는 터치로 표시됩니다. 오류 포맷터가 다시 실행되고 유효성 검사 오류를 …

84 angular  angular-reactive-forms  angular2-forms  angular2-formbuilder