fix customPaging not work

devmark · Nov 24, 2015 · c91575f · c91575f
1 parent cb2aca7
commit c91575f
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 10 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-slick-carousel",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "homepage": "https://github.com/devmark/angular-slick-carousel",
   "authors": [
     "DevMark <hc.devmark@gmail.com>"

diff --git a/dist/angular-slick.js b/dist/angular-slick.js
@@ -2,7 +2,7 @@
  * angular-slick-carousel
  * DevMark <hc.devmark@gmail.com>
  * https://github.com/devmark/angular-slick-carousel
- * Version: 3.1.1 - 2015-10-26T14:22:13.640Z
+ * Version: 3.1.2 - 2015-11-24T02:43:00.279Z
  * License: MIT
  */
 
@@ -83,13 +83,15 @@ angular
               autoplaySpeed: scope.autoplaySpeed != null ? parseInt(scope.autoplaySpeed, 10) : 3000,
               arrows: scope.arrows !== 'false',
               asNavFor: scope.asNavFor ? scope.asNavFor : void 0,
-              appendArrows: scope.appendArrows ? $(scope.appendArrows) : $(element),
-              prevArrow: scope.prevArrow ? $(scope.prevArrow) : void 0,
-              nextArrow: scope.nextArrow ? $(scope.nextArrow) : void 0,
+              appendArrows: scope.appendArrows ? angular.element(scope.appendArrows) : angular.element(element),
+              prevArrow: scope.prevArrow ? angular.element(scope.prevArrow) : void 0,
+              nextArrow: scope.nextArrow ? angular.element(scope.nextArrow) : void 0,
               centerMode: scope.centerMode === 'true',
               centerPadding: scope.centerPadding || '50px',
               cssEase: scope.cssEase || 'ease',
-              customPaging: attr.customPaging ? customPaging : void 0,
+              customPaging: attr.customPaging ? function (slick, index) {
+                return scope.customPaging({ slick: slick, index: index });
+              } : void 0,
               dots: attr.dots || scope.dots === 'true',
               draggable: scope.draggable !== 'false',
               fade: scope.fade === 'true',

diff --git a/dist/angular-slick.min.js b/dist/angular-slick.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-slick-carousel",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "main": "dist/angular-slick.js",
   "repository": {
     "type": "git",

diff --git a/src/slick.js b/src/slick.js
@@ -80,7 +80,9 @@ angular
               centerMode: scope.centerMode === 'true',
               centerPadding: scope.centerPadding || '50px',
               cssEase: scope.cssEase || 'ease',
-              customPaging: attr.customPaging ? customPaging : void 0,
+              customPaging: attr.customPaging ? function (slick, index) {
+                return scope.customPaging({ slick: slick, index: index });
+              } : void 0,
               dots: attr.dots || scope.dots === 'true',
               draggable: scope.draggable !== 'false',
               fade: scope.fade === 'true',