Jquery 角度js路由器和指令_Jquery_Jquery Ui_Angularjs

Jquery 角度js路由器和指令

jquery jquery-ui angularjs

Jquery 角度js路由器和指令,jquery,jquery-ui,angularjs,Jquery,Jquery Ui,Angularjs,我的html文件中有代码 <!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://

我的html文件中有代码

<!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>

由于某些原因，当我运行此代码时，会出现以下错误：

未捕获的TypeError:对象#没有方法“module”

我在没有模块和外部文件的情况下尝试了相同的代码，它工作得很好。。。有什么线索吗？

呃。。。我认为

elm.slider

未定义….

错误。。。我认为

elm.slider

是未定义的…

但它通过路由器传递否？否，elm是angular.element的一个实例，请尝试$（elm[0]）。slider。。。我认为你也应该更新到angular 1.0，0.10有点老了。如果我没记错的话，在1.0中angular.element在加载时使用jquery。是的，所以我更新到angular 1.0并重新实现了整个过程。这是回购协议。谢谢你的帮助！如果这回答了问题，那么您应该将问题标记为已解决以关闭它。但它通过路由器传递否？否，elm是angular.element的一个实例，请尝试$（elm[0]）。滑块。。。我认为你也应该更新到angular 1.0，0.10有点老了。如果我没记错的话，在1.0中angular.element在加载时使用jquery。是的，所以我更新到angular 1.0并重新实现了整个过程。这是回购协议。谢谢你的帮助！如果这回答了问题，那么您应该将该问题标记为已决定关闭它。

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();
        }
    });
};
});