Next and prev button will be visible when set in the options Carousel…

… and directives attributes
ZhiguoZhang · May 4, 2017 · 245f4df · 245f4df
1 parent de99a82
commit 245f4df
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/src/ui-carousel/controllers/carousel.controller.js b/src/ui-carousel/controllers/carousel.controller.js
@@ -61,11 +61,11 @@ angular.module('ui.carousel.controllers')
       if (this.dots !== undefined) {
         this.options.dots = this.dots;
       }
-      if (this.isVisiblePrev !== undefined) {
-        this.options.isVisiblePrev = this.isVisiblePrev;
+      if (this.visiblePrev !== undefined) {
+        this.options.visiblePrev = this.visiblePrev;
       }
-      if (this.isVisibleNext !== undefined) {
-        this.options.isVisibleNext = this.isVisibleNext;
+      if (this.visibleNext !== undefined) {
+        this.options.visibleNext = this.visibleNext;
       }
 
       // TODO write more options for fade mode
@@ -101,8 +101,8 @@ angular.module('ui.carousel.controllers')
       this.slideStyle = {};
 
       this.isVisibleDots = false;
-      this.isVisiblePrev = this.options.isVisiblePrev || false;
-      this.isVisibleNext = this.options.isVisibleNext || false;
+      this.isVisiblePrev = this.options.visiblePrev;
+      this.isVisibleNext = this.options.visibleNext;
 
       this.isClickablePrev = false;
       this.isClickableNext = false;

diff --git a/src/ui-carousel/directives/carousel.directive.js b/src/ui-carousel/directives/carousel.directive.js
@@ -21,6 +21,8 @@ angular.module('ui.carousel.directives')
         arrows: '=?',
         dots: '=?',
         initialSlide: '=?',
+        visibleNext: '=?',
+        visiblePrev: '=?',
 
         // Method
         onBeforeChange: '&',

diff --git a/src/ui-carousel/providers/carousel.provider.js b/src/ui-carousel/providers/carousel.provider.js
@@ -17,6 +17,9 @@ angular.module('ui.carousel.providers').provider('Carousel', function() {
       slidesToScroll: 1,
       speed: 500,
 
+      visiblePrev: false,
+      visibleNext: false,
+
       // Not available right now
       draggable: true,