Fixed with vasyabigi/angular-slick#100

umpirsky · Jun 6, 2015 · d0d23c7 · d0d23c7
1 parent e11a081
commit d0d23c7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/app/scripts/controllers/restaurant.js b/app/scripts/controllers/restaurant.js
@@ -9,6 +9,13 @@ angular.module('restaurantsApp')
       $scope.restaurant = data;
     });
 
+    $scope.slickOnInit = function() {
+      $scope.refreshing = true;
+      $scope.$apply();
+      $scope.refreshing = false;
+      $scope.$apply();
+    };
+
     $scope.breakpoints = [{
       breakpoint: 1024,
       settings: {

diff --git a/app/views/restaurant.html b/app/views/restaurant.html
@@ -46,9 +46,9 @@ <h4 class="media-heading">{{ restaurant.url | urlText }}</h4>
         </div>
     </div>
 </div>
-<slick on-init="slickOnInit()" init-onload="false" data="restaurant.images" slides-to-show="4" slides-to-scroll="1" class="slider filtering" responsive="breakpoints">
+<slick on-set-position="slickOnInit()" init-onload="false" data="restaurant.images" slides-to-show="4" slides-to-scroll="1" class="slider filtering" responsive="breakpoints">
     <div ng-repeat="image in restaurant.images" modal>
-        <a ng-click="modal.show($index)">
+        <a ng-if="!refreshing" ng-click="modal.show($index)">
             <img ng-src="{{ image | thumbnail:200 }}" class="img-responsive" alt="{{ restaurant.name }}">
         </a>
     </div>