离子双面菜单模式在添加更多内容时不自动滚动

Question

有人能帮我理解为什么自动投注内容不起作用吗？如果按标题上的按钮，将向主内容添加一条新消息。一旦你得到的线比屏幕上的线多，它们就不会自动出现。

plnkr.co/edit/hRCC6PBVkINJhTj75D0u?p=preview

Answer 1

这是任何浏览器的默认行为。

如果要在添加项目后滚动到页面底部，则必须自己进行。

离子为这类工作提供了$ionicScrollDelegate。

在主计长中：

 $scope.addMessage = function() {
   $scope.messages.push({
     content: 'bla-bla-bla ' + $scope.messages.length,
     username: 'John Nash'
   });
   $ionicScrollDelegate.scrollBottom(true);
 };

认为：

 <button class="button button-icon icon ion-android-people" ng-click="addMessage()"></button>

您可以检查工作示例这里。