在范围更改/资源更改后,AngularJS滚动到底部

时间:2013-12-03 17:56:53

标签: angularjs

目前我尝试使用$anchorScroll

进行制作

但我不知道在哪里放置

<a id="bottom">

目前我的观点是 <table>ng-repeat <tr> $watch。 然后我ng-repeat更改范围并将其应用于<tr ng-repeat="document in documents.items"> <td>{{document.subject}}</td> <td>{{document.course}}</td> <td>{{document.bundle}}</td> <td>{{document.lesson}}</td> <td>{{document.category}}</td> <td>{{document.name}}</td> </tr>

HTML:

$scope.$watchCollection('search', function (newData, oldData) {
    if (newData != null) {
        $scope.documents = Document.query(newData)
        console.log(newData);
    }

我的控制器中的代码:

$location.hash

现在我尝试将$anchorScroll$scope.documents放在directive之后,但一切都没有发生。

也是一个奖金问题: 我应该将分页功能放到<div ng-click="nextPage()">还是应该使用{{1}}

1 个答案:

答案 0 :(得分:1)

好的我发现我只需要一个setTimeout,因为我首先改变了范围,然后尝试滚动到底部,但新的范围还没有渲染!

修改: 要在通过ng-repeat呈现内容后进行滚动:执行setTimeout(() => { /* Your scroll stuff here */ }, 0);