slick directive

directives.js

angular.module('myapp.directives', [])

.directive('slick-carousel', '$eval', function($eval) {
  return {
    restrict: 'A',
    link: function(scope, element, attrs) {
      angular.element(element).slick(scope.$eval(attrs.directiveName));
    }
  };
}); 

show.html

<div class="exercise-carousel" slick-carousel>
  <img ng-repeat="photo in exercise.photos" ng-src="{{getPhotoUrl(photo.image)}}" />
</div>