javascript - Angularjs ng-repeat md-focus 最后一个元素？

Question

<div ng-repeat="item in items track by $index" md-autofocus="$last">
<div>
 {{item}
</div>
<div>

上面的代码在一个有垂直滚动条的 md-dialog 中。

要求是在运行时添加元素时滚动到最后一个元素。

Answer 1

你应该制定自己的指令来做到这一点，这里有一个例子可能会帮助你做到这一点；

基本上，当添加新元素时，$anchorScroll 服务将用于滚动到该特定元素。

app.directive('scrollToLast', ['$location', '$anchorScroll', function($location, $anchorScroll){

  function linkFn(scope, element, attrs){
      $location.hash(attrs.scrollToLast);
      $anchorScroll();
  }

  return {
    restrict: 'AE',
    scope: {

    },
    link: linkFn
  };

}]);

DEMO