Javascript 使用AngularJS指令循环2滑块
我需要使用指令创建cycle2幻灯片的帮助。我在互联网上找到了这段代码,并将其复制到我的本地机器上进行测试,但它似乎根本不起作用 我得到这个错误:Javascript 使用AngularJS指令循环2滑块,javascript,angularjs,jquery-cycle2,Javascript,Angularjs,Jquery Cycle2,我需要使用指令创建cycle2幻灯片的帮助。我在互联网上找到了这段代码,并将其复制到我的本地机器上进行测试,但它似乎根本不起作用 我得到这个错误: Uncaught ReferenceError: angular is not defined slide.js:1 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.14/$injector/modulerr?p0=myApp&p1=Error%3A
Uncaught ReferenceError: angular is not defined slide.js:1
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.14/$injector/modulerr?p0=myApp&p1=Error%3A%…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.14%2Fangular.min.js%3A17%3A431) angular.js:36
GET https://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140216/jquery.cycle2.js.map 404 (Not Found) cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140216/jquery.cycle2.js.map:1
代码如下:
谢谢。如果您有一个小的重复项样本集,那么这个示例将有效,但超时有点麻烦。当你有一个更大的集合时,循环插件将不工作,除非有子项,所以你需要在ng重复完成后启动插件。我建议对子项使用类似的指令
app.directive('jquerySliderSlide', function(){
return{
restrict: 'A',
link: function(scope, element, attrs){
scope.$watch('$last', function(v){
if(v){
//initiate the plugin on the parent
element.parent().cycle();
}
});
}
}
});
在运行cycle2之前,确保已加载jquery和angular供应商文件。我使用的是相同的示例代码,效果很好:另外,请确保已将插入到主app.js中的所有模块都包含在内。