javascript - 在 AngularJS 中显示页面底部的最后一条消息不起作用？

Question

我想在使用 angularjs 打开页面后显示页面底部的最后一条消息。或者当发送消息时在底部显示消息。基本上，我在页面底部显示消息，我想关注最后一条消息。如何在 html 标记中应用于部分和跨度。

 <section class="chats" id="autoscroll">
     <span ng-repeat="message in messages | orderBy:'dateCreated'">
         <span ng-show="!message.notification">
             <p class="username" ng-show="!messageIsMine(message.username)">{{message.username}}</p>
             <div ng-class='getBubbleClass(message.username)'>
                 <p ng-bind="message.message"></p>
             </div>
             <div class="clear"></div>
         </span>
     </span>
 </section>

我的js是

var messagegroupby = Firebase.get('groupChat','groupname'$stateParams.chatId);
messagegroupby.$loaded().then(function() {
    $scope.messages = messagegroupby;
    //$scope.messagesLength = messagegroupby.length;
    $timeout(function () {
        var scroller = document.getElementById("autoscroll");
        scroller.scrollTop = scroller.scrollHeight;
    }, 0, false);
});

Answer 1

也许试试这个

 var messagegroupby =        
 Firebase.get('groupChat','groupname'$stateParams.chatId);

  messagegroupby.$loaded().then(function() {
    $scope.messages = messagegroupby;
    //$scope.messagesLength = messagegroupby.length;
    $timeout(function () {
      window.scrollTo(0,document.body.scrollHeight);
    }, 0, false);
});