jQuery 플러그인으로 지시문을 호출하고 플러그인에서 공용 메소드 호출

Question

jQuery 플러그인을 지시문으로 만들었습니다.

app.directive('bxSlider', function($timeout) 
{ 
    return { 
     restrict: 'A', 
     link: function(scope, element, attrs) 
     { 
      $timeout(function(){element.bxSlider(scope.$eval(attrs.bxSlider))},1); 
     } 
    } 
}); 

내 컨트롤러에서 (클릭 기능을 통해), I는 플러그인에 공개 메소드를 호출하고 싶습니다,하지만 할 방법을 모르겠습니다. 변수에 지시문을 설정하고 컨트롤러에서 그런 식으로 호출하려고 시도했지만 오류가 발생했습니다 ... 메서드가 없습니다 ...

올바른 방법은 무엇입니까?

Answer 1

이벤트를 브로드 캐스팅하여 플러그인 메소드를 트리거 할 수 있습니다.

app.directive('bxSlider', function($timeout) 
{ 
    return { 
     restrict: 'A', 
     link: function(scope, element, attrs) 
     { 
      var slider; 
      $timeout(function() { 
       slider = element.bxSlider(scope.$eval(attrs.bxSlider)); 
      }, 1); 

      scope.$on('reload-slider', function() { 
       slider.reloadSlider(); 
      }); 
     } 
    } 
}); 

컨트롤러 기능에서 $scope.$broadcast('reload-slider')을 사용합니다.