Merge pull request #433 from hackeo1/master

Add variable to get slides if no ng-repeat is used

Author: Julien Bouquillon

README.md

@@ -62,6 +62,7 @@ angular.module('MyApp', ['angular-carousel']);
 
 ## Directive options :
  - `rn-carousel-index` two way binding integer to control the carousel position (0-indexed)
+ - `rn-rn-carousel-html-slides`: two way binding array to get slides if no ng-repeat was used (slides array)
  - `rn-carousel-buffered` add this attribute to enable the carousel buffering, good to minimize the DOM (5 slides)
  - `rn-carousel-controls` add this attribute to enable builtin prev/next buttons (you can override by CSS)
  - `rn-carousel-auto-slide` add this attribute to make the carousel slide automatically after given seconds (default=3)

dist/angular-carousel.js

@@ -1,6 +1,6 @@
 /**
  * Angular Carousel - Mobile friendly touch carousel for AngularJS
- * @version v1.0.2 - 2016-11-25
+ * @version v1.0.2 - 2017-08-03
  * @link http://revolunet.github.com/angular-carousel
  * @author Julien Bouquillon <julien@revolunet.com>
  * @license MIT License, http://www.opensource.org/licenses/MIT
@@ -458,6 +458,25 @@ angular.module('angular-carousel').run(['$templateCache', function($templateCach
                             angular.forEach(getSlidesDOM(), function(node, index) {
                                 currentSlides.push({id: index});
                             });
+                            if (iAttributes.rnCarouselHtmlSlides) {
+                                var updateParentSlides = function(value) {
+                                    slidesModel.assign(scope.$parent, value);
+                                };
+                                var slidesModel = $parse(iAttributes.rnCarouselHtmlSlides);
+                                if (angular.isFunction(slidesModel.assign)) {
+                                    /* check if this property is assignable then watch it */
+                                    scope.$watch('htmlSlides', function(newValue) {
+                                        updateParentSlides(newValue);
+                                    });
+                                    scope.$parent.$watch(slidesModel, function(newValue, oldValue) {
+                                        if (newValue !== undefined && newValue !== null) {
+                                            newValue = 0;
+                                            updateParentIndex(newValue);
+                                        }
+                                    });
+                                }
+                                scope.htmlSlides = currentSlides;
+                            }
                         }
 
                         if (iAttributes.rnCarouselControls!==undefined) {