newscroll.js 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. app.directive('listScroll', function() {
  2. return {
  3. restrict: 'E',
  4. scope: {
  5. data: '=',
  6. // name: '='
  7. },
  8. template: '<div class="chooseDiv">' +
  9. '<div class="swiper-container">' +
  10. '<div class="swiper-wrapper">' +
  11. '<div class="swiper-slide" ng-repeat="x in data" repeat-finish="renderFinish()">{{x[name]||x}}</div>' +
  12. '</div>' +
  13. '</div>' +
  14. '<div class="mark_div"></div>' +
  15. '</div>',
  16. link: function($scope, element, attrs) {
  17. $scope.name = attrs.name;
  18. $scope.renderFinish = function() {
  19. var mySwiper1 = new Swiper('.swiper-container', {
  20. direction: 'vertical',
  21. slidesPerView: 5,
  22. centeredSlides: true
  23. })
  24. }
  25. }
  26. }
  27. })
  28. app.directive('repeatFinish', function() {
  29. return {
  30. link: function(scope, element, attr) {
  31. if (scope.$last == true) {
  32. // console.log(x)
  33. scope.$eval(attr.repeatFinish)
  34. }
  35. }
  36. }
  37. })