Директива не может прочитать свойство из «ATTRS»

Question

У меня есть эта функция ссылки в моей директиве:

link: function(scope, element, attrs, ngModel) { 
    ngModel.$formatters.push(function(value) { 
     return $filter('number')(value, 0); 
    }); 

    element.bind('keyup', function($event) { 
     var start = this.selectionStart; 
     var end = this.selectionEnd; 
     if ($event.keyCode < 36 || $event.keyCode > 40) { 
      var valor = ngModel.$viewValue; 
      valor = valor.replace(/\./g, ''); 
      valor = valor.replace(/[a-zA-Z]/g, ''); 

      console.log(attrs.paramX); 

      element.val($filter('number')(valor, 0) || ""); 
      if ($event.keyCode !== 8 && valor.length % 3 == 1) { 
       this.setSelectionRange(start + 1, end + 1); 
      } else { 
       this.setSelectionRange(start, end); 
      } 
     } 
    }); 
} 

И я не могу видеть, переменная «ATTRS», пожалуйста, кто-то может помочь мне с этой ошибкой.

Ошибка «Не удается прочитать свойство„paramX“неопределенных (...)»

Answer 1

У вас есть изолированная область в этой директиве? Если ваш ответ «да», вы можете использовать свои собственные параметры. Проверьте это: https://docs.angularjs.org/guide/directive, в разделе «Изолирование сферы действия директивы».

С другой стороны, если вы не можете использовать изолированный объект для получения атрибута снаружи, вы можете добавить «attrs» в область видимости, доступную изнутри внутри директивы. Это немного хакерское решение и, вероятно, менее оптимальное, но может работать. Ваш код будет так:

link: function(scope, element, attrs, ngModel) { 
    /* 
    * INITIALIZATION 
    */ 
    scope.attrs = attrs; 

    ngModel.$formatters.push(function(value) { 
     return $filter('number')(value, 0); 
    }); 

    element.bind('keyup', function($event) { 
     var start = this.selectionStart; 
     var end = this.selectionEnd; 
     if ($event.keyCode < 36 || $event.keyCode > 40) { 
      var valor = ngModel.$viewValue; 
      valor = valor.replace(/\./g, ''); 
      valor = valor.replace(/[a-zA-Z]/g, ''); 

      /* 
      * SCOPE ATTRS 
      */ 
      console.log(scope.attrs.paramX); 

      element.val($filter('number')(valor, 0) || ""); 
      if ($event.keyCode !== 8 && valor.length % 3 == 1) { 
       this.setSelectionRange(start + 1, end + 1); 
      } else { 
       this.setSelectionRange(start, end); 
      } 
     } 
    }); 
} 

Это дерьмовый решение не предлагает связывания на всех, так что первое значение ATTRS останется в области видимости переменных.