Javascript 离子角JS$routeProvider加载离子列表赢得'；卷轴

我有一个带有ng视图的

ion content

标签，它使用routeProvider拉入部分内容。每个部分都从一个XMLAPI加载了一个列表，这一切都工作得很完美，除了列表是完全可解卷的

我尝试过使用

ion scroll

（它可以工作，但当您释放时，它会卷回列表顶部），以及

scroll=“true”

和

overflow scroll=“true”

什么都不管用。下面是一些代码：

<ion-header-bar class="bar-stable">
    <label class="item-input-wrapper header">
        <i class="icon ion-android-search placeholder-icon"></i>
        <input type="search" placeholder="Search" ng-model="search.$" />
    </label>
</ion-header-bar>
<ion-content class="has-header" data-ng-view overflow-scroll="true"></ion-content>

在iPhone4S上的测试是模拟的。如有任何建议，将不胜感激

---

谢谢

尝试将带有ng view指令的div放入ion内容中

<ion-content class="has-header">
  <div data-ng-view></div>
</ion-content>

这是可行的，但现在当ng视图更改时，滚动条位置保持不变。如果下一个列表比上一个列表短，则用户必须手动向上滚动以查看任何内容。我接受你的回答，因为它确实解决了我的问题，但你知道为什么会出现下一个问题吗？。您应该在每个控制器上调用$ionicScrollDelegate.scrollTop（）。顺便说一句，看看如何使用$stateProvider。这里有一个很好的入门模板：。它管理页面更改之间的滚动位置Hanks、ionicScrollDelegate工作得非常好。除了我采用的$routeProvider方法之外，使用$stateProvider还有什么好处吗？

app.config(function ($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'partials/route-list.html',
            controller: 'RouteListController'
        })
        .when('/route', {
            templateUrl: 'partials/stop-list.html',
            controller: 'StopListController'
        })
        .when('/stop', {
            templateUrl: 'partials/prediction.html',
            controller: 'PredictionController'
        });
    });

<ion-content class="has-header">
  <div data-ng-view></div>
</ion-content>