Як запустити валідатори форм у Angular2

У angular2 я хочу запустити перевірки для деяких елементів керування, коли інший елемент керування змінюється. Чи є спосіб, яким я можу просто сказати формі повторно перевірити? А ще краще, чи можу я запитати перевірку певних полів?

Приклад: Дано прапорець X та вхід P. Вхід P має валідатор, який поводиться по-різному, залежно від значення моделі X. Коли X встановлено / знято прапорець, мені потрібно викликати валідатор на P. Валідатор на P буде дивитись на модель для визначити стан X і відповідно перевірити P.

Ось деякий код:

constructor(builder: FormBuilder) {
    this.formData = { num: '', checkbox: false };

    this.formGp = builder.group({
        numberFld: [this.formData.num, myValidators.numericRange],
        checkboxFld: [this.formData.checkbox],
    });
}

this.formGp.controls['checkboxFld'].valueChanges.observer({
    next: (value) => {
        // I want to be able to do something like the following line:
        this.formGp.controls['numberFld'].validator(this.formGp.controls['numberFld']);
    }
});

У когось є рішення? Дякую!

Я не знаю, чи все ще ви шукаєте відповіді, тож ось мої пропозиції:

Погляньте на це: Angular 2 - AbstractControl

Я думаю, що ти міг би зробити наступне:

this.formGp.controls['checkboxFld'].valueChanges.observer({
    next: (value) => {
       this.formGp.controls['numberFld'].updateValueAndValidity();
    }
});

Це повинно запускати та запускати валідатори. Крім того, держава також оновлюється. Тепер ви зможете ознайомитись із значенням прапорця в логіці валідатора.

Сподіваюся, це допомагає!

EDIT: оновлене посилання та приклад. Код змінився під час написання відповіді.

EDIT_2: alpha.48 змінює EventEmitter.observer на EventEmitter.subscribe!

EDIT_3: Змінено посилання на фактичну реалізацію, додано посилання на документи

Валідатон-путівник

Документація FormControl

з моєю ControlGroup я роблю це, оскільки у мене є помилки divs, які перевіряють, чи торкнулися їх

for (var i in this.form.controls) {
  this.form.controls[i].markAsTouched();
}

(this.form - це моя ControlGroup)

За допомогою цього блогу

посилання на блог

Я натрапив на рішення із комбайном відповіді Nightking

Object.keys(this.orderForm.controls).forEach(field => {
       const control = this.orderForm.get(field);
       control.updateValueAndValidity();

});

this.orderForm - це група форм

Це зробило для мене фокус

this.myForm.markAllAsTouched();

Існують більш елегантні способи моделювання такої поведінки - наприклад, введення вашого стану в ReplaySubject і спостереження за цим, а потім використання асинхронних валідаторів для спостереження за станом - але псевдокодований підхід нижче повинен спрацювати. Ви просто спостерігаєте за змінами значень у прапорці, оновлюєте модель відповідно, а потім примусово повторно перевіряєте числоFld за допомогою cal. UpdateValueAndValidity.

constructor(builder: FormBuilder) {
  this.formData = { num: '', checkbox: false };
  const numberFld = builder.control(this.formData.num, myValidators.numericRange);

  const checkbox = builder.control(this.formData.checkbox);
  checkbox.valueChanges.map(mapToBoolean).subscribe((bool) => {
    this.formData.checked = bool;
    numberFld.updateValueAndValidity(); //triggers numberFld validation
  });

  this.formGp = builder.group({
      numberFld: numberFld,
      checkboxFld: checkbox
  });
}

static minMaxRange(min: number, max: number): ValidatorFn {
    return (control: AbstractControl): ValidationErrors | null => {
        if (Validators.min(min)(control)) { // if min not valid
            return Validators.min(min)(control);
        } else {
            return Validators.max(max)(control);
        }
    };
}