AngularJS 지시문 객체에 "No Method"가 있습니다.

Question

현재 AngularJS 앱에서 코드를 이동하고 고객 지시문에 오류가 발생하기 시작했습니다. 이 지시문은 원본에서 제대로 작동하지만 몇 가지 조치를 취한 후에 아래 나열된 오류를 반환합니다.

필자는 놓친 참조 파일 버전을 찾거나이 오류가 갑자기 터지는 다른 이유를 찾으려고 노력했습니다. 나는 불행하게도 아무것도 발견하지 못했습니다.

AngularJS 지시문에 다음 오류가 발생했을 수 있습니다. 내 지시어로 정의

TypeError: Object [object Object] has no method 'slider' 
    at link (http://localhost:8000/static/modeling/js/directives/slider.js:9:13) 
    at k (http://localhost:8000/static/js/angular.min.js:44:444) 
    at e (http://localhost:8000/static/js/angular.min.js:40:139) 
    at e (http://localhost:8000/static/js/angular.min.js:40:156) 
    at e (http://localhost:8000/static/js/angular.min.js:40:156) 
    at e (http://localhost:8000/static/js/angular.min.js:40:156) 
    at k (http://localhost:8000/static/js/angular.min.js:44:382) 
    at e (http://localhost:8000/static/js/angular.min.js:40:139) 
    at e (http://localhost:8000/static/js/angular.min.js:40:156) 
    at http://localhost:8000/static/js/angular.min.js:39:205 <slider id="slider" scale="scale" class="span2 ng-isolate-scope ng-scope"> 

은 다음과 같습니다

이

myApp.directive('slider', function() { 
    return { 
     restrict: 'E', 
     scope: { 
     scale: '=' 
     }, 
     link: function(scope, elm, attrs) { 
     console.log(elm); 
     elm.slider({ // !! THIS IS LINE 9 (per error message) !! 
      min: 1, 
      max: 50, 
      step: 1, 
      value: 30, 
      slide: function(event, ui) { 
       scope.scale = ui.value; 
       scope.$apply(); 
      } 
     }) 
     } 
    } 
}); 

사용되는 예제 HTML 태그는 다음과 같습니다 당신이 당신의 재구성 응용 프로그램에 jQueryUI를 포함 잊고있다처럼 보이는

<slider id="slider" scale="scale" class="span2"></slider> 

Answer 1

.

Answer 2

포함 순서가 중요합니다! 올바른 순서 :