Слайдер Cycle2 с использованием директивы AngularJS

Question

Мне нужна помощь для создания слайд-шоу цикла 2 с использованием директивы. Я нашел этот код в Интернете, скопированный на локальном компьютере, чтобы проверить его, но, похоже, он не работает вообще.

Я получаю эту ошибку:

 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

Это код: http://codepen.io/funkybudda/pen/oACkf

Спасибо.

Answer 1

Этот пример будет работать, если у вас есть небольшой набор образцов повторяющихся элементов, но тайм-аут немного хак. Если у вас установлен больший набор, плагин цикла не будет работать, если нет дочерних элементов, поэтому вам нужно запустить плагин ПОСЛЕ завершения ng-repeat. Я бы порекомендовал такую ​​директиву для детей.

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