각도 JS 라우터 및 지침은

내 html 파일각도 JS 라우터 및 지침은

<!doctype html> 
<html ng-app="slider"> 
<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script> 
    <script type="text/javascript" ng:autobind src="http://code.angularjs.org/0.10.5/angular-0.10.5.min.js"></script> 
    <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/redmond/jquery-ui.css" rel="stylesheet" /> 
    <script src="app.js"></script> 
</head> 

<body> 
    <div jq:slider></div> 
    <input id="amount" /> 
    {{years}} 
</body> 
</html>

을의 코드를 가지고 그리고 나는 다음과 같은 오류가이 코드를 실행하면 내 app.js는 몇 가지 이유를 들어이

angular.module('slider',[]) 
.directive('jq:slider', function() { 
return function(elm) { 
    var currentScope = this; 
    elm.slider({ 
     range: true, 
     min: 0, 
     max: 500, 
     values: [ 75, 300 ], 
     slide: function(event, ui) { 
      $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
      currentScope.years = ui.values[0];    
      currentScope.$apply(); 
     } 
    }); 
}; 
});

입니다 :

Uncaught TypeError: Object # has no method 'module'

모듈 및 외부 파일을 가지고이 동일한 코드를 사용해 보았습니다 ... 모든 단서가 있습니까?

출처

2012-07-25 climboid

Err ... 나는 elm.slider이 정의되지 않았다고 생각합니다 ....

출처

2012-07-25 21:17:31

하지만 라우터를 통해 전달되는 것은 아닙니다. – climboid

아니요, elm은 angle.element의 인스턴스입니다. try $ (elm [0]) slider ... 각도 1.0으로 업데이트해야한다고 생각합니다. 0.10은 약간 오래된 것입니다. 내가 틀리지 않다면, 1.0에서 angular.element는 jquery가로드되면이를 사용합니다. –

그래, 각도 1.0으로 업데이트하고 모든 것을 다시 구현했습니다. 여기 repo https://github.com/climboid/angular-slider입니다. 당신의 도움을 주셔서 감사합니다! – climboid

각도 JS 라우터 및 지침은

답변

관련 문제