添加更多内容时，离子两侧菜单模式无法自动滚动

Question

有人可以帮助我理解为什么内容的自动渲染无效吗？ 如果按标题上的按钮，则会在主要内容中添加新消息。一旦你获得的线数超过屏幕上的线条，他们就不会自动滚动。

plnkr.co/edit/hRCC6PBVkINJhTj75D0u?p=preview

Answer 1

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

如果您想在添加项目后滚动到页面底部，则必须自己完成。

Ionic为这种工作提供了 $ 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>

您可以查看工作示例here。