Как добавить атрибуты min и max для элемента ввода с помощью директивы angularjs

Question

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

Я пытаюсь добиться этого с помощью пользовательской директивы с именем 'avi-form-range '

Приведенный ниже код добавляет новый атрибут min & max с ожидаемыми значениями к элементу ввода.Но проверки минимума и максимума не происходят

, например;min = 1 max = 3600, если я введу значение больше 3600, это должно произойти из-за ошибки. Этого не происходит. Любая помощь действительно приветствуется

Вот мой код

angular.module('aviApp').directive('aviFormRange', function() {

    'use strict';

    class FormRangeController {
        constructor($scope, $compile, schemaService) {
            this.$scope = $scope;
            this.$compile = $compile;
            this.schemaService = schemaService;
        }

        $onInit() {
          console.log('inside init');
          this.ranges = this.schemaService.getFieldRange(this.objectType, this.fieldName);
          console.log('ranges----', this.ranges);
        }
    }

    FormRangeController.$inject = ['$scope', '$compile', 'schemaService'];

    return {
        bindToController: {
            fieldName: '@',
            objectType: '@'
        },
        restrict: 'A',
        priority: 1000000,
        controller: FormRangeController,

          link: function(scope, element, attributes, ngCtrl) {
                attributes.$set('min', ngCtrl.ranges.min);
            }


        };

    });