Как объявить общий метод для множественной директивы в Angularjs

Question

Как объявить общий метод для множественной директивы в Angularjs

0

У меня есть три строки одинакового кода в нескольких директивах, которые на самом деле выполняют привязку обработчика событий к "фокусу".

var ele = $(event.target);
$($(event.target)).attr('tabindex', -1);
$(ele).trigger('focus');

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

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

Bhalke 27 окт. 2015, в 14:51

Источник

0

Вы ищете опцию require в DDO?
Jai 27 окт. 2015, в 13:00
1

Вы можете создать новую директиву только для привязки focus
Michael 27 окт. 2015, в 13:00
0

@ Джай, да что-то в этом роде.
jsduniya 27 окт. 2015, в 13:03
1

К вашему сведению, ваши 3 строки кода могут быть сведены к одной: $(event.target).attr('tabindex', -1); ,
dfsq 27 окт. 2015, в 13:03
0

@Michael: Создание директивы и внедрение ее во все директивы?
jsduniya 27 окт. 2015, в 13:04

Показать ещё 3 комментария

Теги:

angularjs

angularjs-directive

1 ответ

Ещё вопросы

Вы можете создать новую директиву только для привязки focus
К вашему сведению, ваши 3 строки кода могут быть сведены к одной: $(event.target).attr('tabindex', -1); ,
@Michael: Создание директивы и внедрение ее во все директивы?

Hitmands · Answer 1 · 2015-10-27T10-24-00.000Z

Обычно повторение кода в некоторых компонентах, таких как функции Controllers/Linking, не является плохой идеей, потому что это помогает вам сделать каждый компонент независимым... Это необходимо, когда вы работаете с частями DOM, иначе вы получите непроверенный код !

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

angular
  .module('test', [])
  .directive('scaleTabindex', function() {
    
    return function ScaleTabindexPostLink(iScope, iElement, iAttributes) {
    
      function scaleTabindex(event) {
        var index = Number(iElement.attr('tabindex'));
        
        return iElement.attr('tabindex', index - 1);
      }
      
      iElement.bind('focus', scaleTabindex);
    };
  })
;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<article ng-app="test">
  <button tabindex="100" scale-tabindex>Button 1</button>
  <button tabindex="100" scale-tabindex>Button 2</button>
  <button tabindex="100" scale-tabindex>Button 3</button>
</article>

Спасибо, я согласен с вашей точкой зрения, сделав это компонентом независимым, но это повторяется много раз, нужно сделать один раз.
это не повторение, вам нужно применять директиву там, где вам нужно масштабировать tabindex, но код BusinessLogic пишется только один раз ... Директивы являются компонентами с несколькими экземплярами!