Javascript 使用AngularJS指令循环2滑块

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

我需要使用指令创建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%…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中的所有模块都包含在内。