Validate formly angularjs поля не совпадают

Question

У меня есть динамически добавленные поля при нажатии.

 addNewFiled() { 
     let parent = this; 
     this.scope.fields.push({ 

      key: 'field-'+parent.scope.fields.length, 
      type: 'horizontalInput', 
      templateOptions: { 
       placeholder :'Enter Field', 
       label: 'Filed', 
       required: false 
      }, 
      validators: { 
       fieldFormat: function($viewValue, $modelValue, scope) { 

        let value = $viewValue; 
        if(value.length != 12){ 
         scope.to.message = "Field should be 12 characters"; 
         return false; 
        } 

        return true; 
       } 
      } 

     }); 


    } 

Что мне нужно, чтобы подтвердить введенное значение не в другом поле в валидатор, я попытался перекручивание через модель, но ее не эффективной, любая помощь приветствуется.

Answer 1

Я столкнулся с этим случаем один раз, я решил проблему, используя 2 карты В принципе, у вас будет 2 карты, одна из которых будет содержать индекс поля, сопоставленного с его значением, вторая карта будет содержать значение поля, сопоставленного с числом повторений этого значения В вашем валидаторе вы уменьшаете количество повторений для предыдущего значения (после выполнения других проверок) и увеличиваете количество повторений нового значения и проверяете, больше ли это чем 1, то это повторяется.

В диалоговом определим две карты

private valuesMap: any = []; 
    private keysArray:any = []; 

В своей области, Вы вводите контроллер, чтобы сохранить индекс текущего поля

 controller: function ($scope) { 
       $scope.index = parent.scope.fields.length-1; 
       parent.keysArray[$scope.index] = $scope.index; 
      }, 

затем в вашем валидатор

if(value) { 


     if(angular.isDefined(parent.valuesMap[parent.keysArray[scope.index]])) { 
      parent.valuesMap[parent.keysArray[scope.index]]= parent.valuesMap[parent.keysArray[scope.index]] -1; 

     } 

     parent.keysArray[scope.index] = value; 
     if(angular.isDefined(parent.valuesMap[value]) && parent.valuesMap[value] > 0) { 
      parent.valuesMap[value] = parent.valuesMap[value]+1; 
      scope.to.message = "Value is already entered"; 
      return false; 
     } 
     parent.valuesMap[value] = 1; 


    } 

Надеюсь, что это работает с вашим сценарием

Answer 2

Вам не нужен валидатор, уже существует проверка по умолчанию для длины поля через свойства minlength и maxlength в templateOptions.

Просто сделать это:

templateOptions: { 
       placeholder :'Enter Field', 
       label: 'Filed', 
       required: false, 
       minlength: 12, 
       maxlength: 12 
      },