Question

我有一个带有ng-view的离子内容标签，它使用routeProvider拉入部分内容。每个部分都从XML APi加载一个列表，除了列表完全不可滚动之外，这一切都完美无缺。

我尝试过使用离子滚动（有效，但是当你释放时，它会滚动回列表的顶部），以及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

尝试在ng-view指令中放入div-ion

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

Ionic Angular JS $ routeProvider loading ion-list不会滚动

1 个答案: