missing scope.$apply when using callback

Author: Wong Ho Chi Mark

src/slick.js

@@ -83,7 +83,7 @@ angular
               centerPadding: scope.centerPadding || '50px',
               cssEase: scope.cssEase || 'ease',
               customPaging: attr.customPaging ? function (slick, index) {
-                return scope.customPaging({ slick: slick, index: index });
+                return scope.customPaging({slick: slick, index: index});
               } : void 0,
               dots: attr.dots || scope.dots === 'true',
               draggable: scope.draggable !== 'false',
@@ -134,15 +134,15 @@ angular
             var slickness = angular.element(element);
 
             if (angular.element(element).hasClass('slick-initialized')) {
-              if(options.enabled) {
+              if (options.enabled) {
                 return slickness.slick('getSlick');
               } else {
                 destroy();
               }
             } else {
               angular.element(element).css('display', 'block');
 
-              if(!options.enabled) {
+              if (!options.enabled) {
                 return;
               }
               // Event
@@ -154,7 +154,7 @@ angular
                   return slick.slideHandler(currentIndex);
                 }
               });
-              $timeout(function() {
+              $timeout(function () {
                 slickness.slick(options);
               });
             }
@@ -175,46 +175,62 @@ angular
             slickness.on('afterChange', function (event, slick, currentSlide, nextSlide) {
               currentIndex = currentSlide;
               if (typeof options.event.afterChange !== 'undefined') {
-                options.event.afterChange(event, slick, currentSlide, nextSlide);
+                scope.$apply(function () {
+                  options.event.afterChange(event, slick, currentSlide, nextSlide);
+                });
               }
             });
 
             slickness.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
               if (typeof options.event.beforeChange !== 'undefined') {
-                options.event.beforeChange(event, slick, currentSlide, nextSlide);
+                scope.$apply(function () {
+                  options.event.beforeChange(event, slick, currentSlide, nextSlide);
+                });
               }
             });
 
             slickness.on('reInit', function (event, slick) {
               if (typeof options.event.reInit !== 'undefined') {
-                options.event.reInit(event, slick);
+                scope.$apply(function () {
+                  options.event.reInit(event, slick);
+                });
               }
             });
 
             if (typeof options.event.breakpoint !== 'undefined') {
               slickness.on('breakpoint', function (event, slick, breakpoint) {
-                options.event.breakpoint(event, slick, breakpoint);
+                scope.$apply(function () {
+                  options.event.breakpoint(event, slick, breakpoint);
+                });
               });
             }
             if (typeof options.event.destroy !== 'undefined') {
               slickness.on('destroy', function (event, slick) {
-                options.event.destroy(event, slick);
+                scope.$apply(function () {
+                  options.event.destroy(event, slick);
+                });
               });
             }
             if (typeof options.event.edge !== 'undefined') {
               slickness.on('edge', function (event, slick, direction) {
-                options.event.edge(event, slick, direction);
+                scope.$apply(function () {
+                  options.event.edge(event, slick, direction);
+                });
               });
             }
 
             if (typeof options.event.setPosition !== 'undefined') {
               slickness.on('setPosition', function (event, slick) {
-                options.event.setPosition(event, slick);
+                scope.$apply(function () {
+                  options.event.setPosition(event, slick);
+                });
               });
             }
             if (typeof options.event.swipe !== 'undefined') {
               slickness.on('swipe', function (event, slick, direction) {
-                options.event.swipe(event, slick, direction);
+                scope.$apply(function () {
+                  options.event.swipe(event, slick, direction);
+                });
               });
             }
           };