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

我想使用angularjs在打开页面后显示页面的最后一条消息。或在底部发送消息时显示消息。基本上，我在页面底部显示消息，我想集中显示最后一条消息。

 <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);
});

最佳答案

也许试试这个

 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);
});

关于javascript - 在AngularJS中显示页面的最后一条消息底部不起作用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39867553/