AngularJS : 여러 인스턴스로 특정 지시문을 대상으로 지정하는 방법

Question

지시어가 여러 개 있고 특정 인스턴스 만 대상으로하고 싶습니다. 예를 들어, 아래 코드에서 class="one" 인 div가 이벤트 $rootScope.$broadcast('myEvent')에 의해 트리거되는 유일한 것임을 확인하는 방법은 무엇입니까?

JS :

myApp.directive('myDirective', function() { 
    return { 
     restrict: 'A', 
     controller: function(scope, el, attrs) { 
      scope.$on('myEvent', function() { 
       el.css({left: '+=100'}); 
      }); 
     }, 
    };  
}); 

HTML : 당신은 당신의 이벤트 처리기에서이 검사를 수행해야

<div my-directive class="one"></div> 
<div my-directive class="two"></div> 

Answer 1

:

myApp.directive('myDirective', function() { 
    return { 
    restrict: 'A', 
     controller: function(scope, el, attrs) { 
     scope.$on('myEvent', function(ev,args) { 
      //do the check - you could provide a function, a value or something else 
      if(el.hasClass(args.class)){ 
      el.css({left: '+=100'}); 
      } 
     }); 
     }, 
    };  
}); 

은 그런 다음 $ 방송에 매개 변수를 추가

$rootScope.$broadcast('myEvent',{class:'one'}) 

,

Answer 2

그런 다음에 $의 콜백 내에서 실행되는 콜백 참조하는이 지침에 대한 새로운 속성을 정의 할 수 있습니다 :

myApp.directive('myDirective', function() { 
    return { 
     restrict: 'A', 
     scope: { 
      callme: "=" 
     }, 
     controller: function(scope, el, attrs) { 
      scope.$on('myEvent', function() { 
       scope.callme(el) 
      }); 
     }, 
    };  
}); 

HTML을 선언 : 당신의 컨트롤러 범위에서

<div my-directive class="one" callme="functionDefinedInScope"></div> 

:

http://docs.angularjs.org/guide/directive (섹션 "D :

$scope.functionDefinedInScope = function(el) { 
    el.css({left: '+=100'}); 
} 

여기에 대해 자세히 알아보기 그렇지 않은 AFAIK irective 정의 개체 ")

Answer 3

당신은

angular.element('#one').scope().moveElement()