Angular2 - Validators.compose

Question

У меня возникли проблемы с функцией Validators.compose (без ошибок, просто не проверяет)

Вот мой код:

var validators =()=> { 
      var validatorArr = [];     
      validatorArr.push(Validators.required); 
      validatorArr.push(Validators.maxLength(column.max)); 
      return Validators.compose(validatorArr); 
    }; 
    var ctrl: Control = new Control(row.items[column.mapper], validators); 
    row.form.addControl(column.mapper, ctrl); 

, когда я ставлю Validators.required вместо validators функция, валидация работает.

Answer 1

Вы должны использовать этот код, а и не использовать функцию обратного вызова, чтобы определить свои валидаторы:

var validatorArr = [];     
validatorArr.push(Validators.required); 
validatorArr.push(Validators.maxLength(column.max)); 

var ctrl: Control = new Control(row.items[column.mapper], 
        Validators.compose(validatorArr)); 
row.form.addControl(column.mapper, ctrl); 

второй параметр конструктора Control соответствует функции, которая может быть создана с использованием compose метод ...

Answer 2

Просто используйте его без функции стрелка:

new Control(row.items[column.mapper],Validators.compose([Validators.required, Validators.minLength(4)])); 

или

var validators =()=> { 
    return Validators.compose([Validators.required, Validators.minLength(4)]); 
} 

new Control(row.items[column.mapper], validators()); 

Answer 3

Конструктор управления ожидает ValidatorFn в качестве аргумента. Validators.compose() принимает массив ValidatorFn и возвращает один ValidatorFn. Но вы не передаете этот аргумент ValidatorFn. Вы передаете функцию, которая при вызове возвращает ValidatorFn.

Замените ваш код

var validatorArr = [];     
validatorArr.push(Validators.required); 
validatorArr.push(Validators.maxLength(column.max)); 
var validatorFn = Validators.compose(validatorArr); 

var ctrl: Control = new Control(row.items[column.mapper], validatorFn); 
row.form.addControl(column.mapper, ctrl); 

Или, короче:

var ctrl: Control = new Control(row.items[column.mapper], 
           Validators.compose([Validators.required, 
                Validators.maxLength(column.max)])); 
row.form.addControl(column.mapper, ctrl);