在div元素的末尾移动滚动条angularjs聊天

<div id="chatContainer">
  <!-- 聊天内容 -->
</div>

app.controller('ChatController', function($scope, $timeout) {
  // 监听新消息到来的事件
  $scope.$on('newMessage', function() {
    // 使用$timeout延迟执行滚动条移动的代码
    $timeout(function() {
      var chatContainer = document.getElementById('chatContainer');
      chatContainer.scrollTop = chatContainer.scrollHeight;
    });
  });
});

app.controller('MessageController', function($scope, $rootScope) {
  // 接收到新消息
  function receiveNewMessage(message) {
    // 处理新消息的逻辑

    // 广播事件通知控制器执行滚动条移动
    $rootScope.$broadcast('newMessage');
  }
});