Угловая формальная проверка количества полей не работает

Question

Я пытаюсь отобразить сообщение, используя формальный шаблон и валидатор.

Шаблон имеет:

<div ng-message="required">This field is required</div> 
<div ng-message="amountValid">Please enter valid amount</div> 

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

необходимо сообщение работа мелкий используя templateOption - требуемый.

В случае встроенной проверки валидатора его правильное состояние не подтверждается. Он просто отображает ошибку, когда я начинаю вводить произвольное значение.

Не могли бы вы помочь? Благодарю.

"templateOptions": { 
      required: true 
}, 
validators: { 
      amountValid: '$viewValue > availableAmount' 
} 

Примечание: availableAmount получает заселение от обслуживания. Я также попытался дать сообщение в валидаторе, но не успел.

Answer 1

Я был в состоянии решить эту проблему с помощью валидатора, как показано ниже

validators: { 
      amountInvalid: function($viewValue, $modelValue, scope) { 
       var disAmountValue = $modelValue || $viewValue; 
       return (disAmountValue <= txnAmount); 
      } 

Answer 2

$viewValue для элементов ввода - это строка, а ваш availableAmount, скорее всего, является целым числом. Попробуйте разобрать $viewValue в целое перед сравнением: parseInt($viewValue) > availableAmount