Angularjs Scroll To Counter In Ng-repeat May 24, 2023 Post a Comment Need to scroll to specific element in a list if $index == $scope.counter of ng-repeat. HTML: FIND TYPE A Solution 1: You've to write a directive for that and watch for counter to update. As soon as it updates, your directive finds the element by index (counter) and scrollTo it. Here is a demo: http://jsfiddle.net/ZdunA/1/ myApp.directive('scrollTo', function() { return { restrict: 'A', link: function(scope, element, attrs) { var $body = $('body'); scope.$watch('counter', function(newVal, oldVal) { if (newVal && newVal !== oldVal) { $body.scrollTop(element.find('li').eq(newVal).position().top) } }); } }; }); Copy Baca JugaDirective Doesn't Fire After Changing Textarea ModelTemplate Always Compiles With Old Scope Value In DirectiveZero Watchers In Directive If One-time Binding Is Used In Angular 1.3+ Share You may like these postsSeparating Dom Manipulation From Angular Controllers - Best Practice WantedDirective In Ionicmodal Complies First, Before Even Controller LoadedHow To Create An Angular Datepicker Directive That Uses Ng-modelAngular Directive - What If Scope Is Not Set? Post a Comment for "Angularjs Scroll To Counter In Ng-repeat"
Post a Comment for "Angularjs Scroll To Counter In Ng-repeat"