複数の名前に一致する角度ディレクティブ

Question

複数の名前に一致するAngularディレクティブを作成するにはどうすればよいですか？私は異なるIDを持つ一連の<div>要素（数百の良いカップル）を持っています。私はこれらのIDの一部にしか一致しない単一のディレクティブを書きたいと思います。

このようなディレクティブは、私が持っている<div>の多数のすべての要素に対して呼び出されるため、オプションではありません。

directive('div', function(){ 
    return { 
     restrict: 'e', 

     link: function(scope, ele, attr) { 
     if (attr.id !== 'divX' || attr.id !== 'divY') 
      return; 

     processElement(); 
     } 
    } 
}) 

また、私が必要とするすべてのIDのための指令を書くことはできません。選択された<div>要素に別の属性を追加することも実用的ではありません。

角度指示文には複数の名前が一致する機能がありますか？

directive('divX', 'divY', function(){ 
    //... 
}) 

Answer 1

angular.module('ui.directives', []) 
 
     .directive('divX', myDirective) 
 
     .directive('divY', myDirective);

よう

何かが、それはあなたのケースで動作しますか？

Answer 2

は厳密にあなたの質問に答える：

角度ディレクティブは、複数の名前をマッチングサポートする任意の機能を提供していますか？

名あなたはIDを意味することであれば、NO、角度が1つでも一つに、IDSにディレクティブを関連付ける可能性を提供していません。

あなたのディレクティブは、のdivているいくつかの要素をターゲットにする場合は、これらすべての要素に共有クラスを追加し、このクラスをターゲットディレクティブを使用する必要があります

<div id="divX" class="user">John</div> 
<div id="divY" class="user">Paul</div> 

を

および

directive('user', function(){ 
    return { 
    restrict: 'C', 
    link: function(scope, ele, attr) { 
     processElement(); 
    } 
    }; 
});