Ionic Angular JS $routeProvider 加载离子列表不会滚动

Question

我有一个带有 ng-view 的ion-content标签，它使用 routeProvider 拉入部分。 每个部分都从 XML API 加载一个列表，这一切都完美无缺，除了列表是完全不可滚动的。

我试过使用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>

这是部分的示例（它们都遵循完全相同的结构。）

<ion-list>
    <ion-item data-ng-repeat="route in routes | filter:search" data-ng-click="showRoute(route)">{{route._title}}</ion-item>
</ion-list>

这是脚本：

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

在 iPhone 4S 上模拟测试。 任何意见，将不胜感激。

谢谢

Answer 1

尝试在 ion-content 中放置一个带有 ng-view 指令的 div

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