Angular2: Xác nhận yêu cầu có điều kiện

Question

Tôi đang cố gắng tạo xác nhận có điều kiện theo yêu cầu trên một trường cụ thể. Tôi thử làm điều này bằng cách trả về Validators.required trở lại chức năng của tôi, nhưng điều này dường như không hoạt động. Làm thế nào để tôi làm việc này? Đây là mã của tôi:

private _ansat: AbstractControl = new FormControl('', Validators.required); 
private _helbred: AbstractControl = new FormControl('', Validators.compose([this.useValidateIfRadio(this._ansat, 0, Validators.required)])); 


constructor(private _fb: FormBuilder) { 
    this.myForm = this._fb.group({ 
      ansat: this._ansat, 
      helbred: this._helbred 
     }); 
} 

useValidateIfRadio (c: AbstractControl, n: number, v) { 
     return function (control) { 
      return new Promise(resolve => { 
      // this.msg = ansatControl.value; 
      console.log(v); 
       if (c.value === n) { 

        resolve(v); 
       } 
       else { 
        resolve(null); 

       } 
      }); 
     }; 
    }; 

Bất kỳ trợ giúp nào được đánh giá cao.

Answer 1

Tôi gặp sự cố tương tự nhưng không thể tìm thấy câu trả lời. Vì không ai trả lời câu hỏi này, tôi sẽ cung cấp một ví dụ về cách tôi giải quyết vấn đề của mình và cách bạn có thể giải quyết vấn đề của mình bằng cách sử dụng cùng một giải pháp.

Ví dụ: (Số điện thoại là cần thiết chỉ nếu email không được thiết lập)

export class UserComponent implements OnInit { 

userForm: FormGroup; 

constructor(private fb: FormBuilder) {} 

ngOnInit() { 

    //Create my userForm and and add initial validators 
    this.userForm = this.fb.group({ 
     username: [null, [Validators.required]], 
     name: [null, [Validators.required]], 
     email: [], 
     phoneNumber: [null, [Validators.minLength(4)]], 
    }); 

    //Listen to email value and update validators of phoneNumber accordingly 
    this.userForm.get('email').valueChanges.subscribe(data => this.onEmailValueChanged(data)); 
} 


onEmailValueChanged(value: any){ 
    let phoneNumberControl = this.userForm.get('phoneNumber'); 

    // Using setValidators to add and remove validators. No better support for adding and removing validators to controller atm. 
    // See issue: https://github.com/angular/angular/issues/10567 
    if(!value){ 
     phoneNumberControl.setValidators([Validators.required, Validators.minLength(4)]); 
    }else { 
     phoneNumberControl.setValidators([Validators.minLength(4)]); 
    } 

    phoneNumberControl.updateValueAndValidity(); //Need to call this to trigger a update 
} 

} 

Vì vậy, trong trường hợp của bạn, bạn nên thêm một ChangeListener để "_ansat" bằng nghe email của tôi, và sau đó thêm yêu cầu để "_helbred" cho phù hợp.

Answer 2

Chỉ cần thêm xác nhận cho lĩnh vực này:

if(some_logic) { 
this.your_form.get('field_name').setValidators([Validators.required]); 
}