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

我有一个离子内容标签与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模拟。任何意见，将不胜感激。

感谢

来源

2014-10-01 stefannew

尝试把一个div与NG-观点指令内离子含量

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

来源

2014-10-01 23:02:17

这工作，但现在当了NG-视图的变化，滚动条位置保持不变。如果下一个列表比前一个短，用户必须手动回滚才能看到任何内容。我接受你的答案，因为它确实解决了我的问题，但是你是否知道为什么会出现下一个问题？ – stefannew 2014-10-02 03:44:37

http://ionicframework.com/docs/api/service/$ionicScrollDelegate/。您应该在每个控制器上调用$ ionicScrollDelegate.scrollTop（）。顺便说一句，使用$ stateProvider。这里有一个很好的入门模板：https：//github.com/driftyco/ionic-starter-sidemenu。它管理页面变化之间的滚动位置 – 2014-10-02 17:16:08

谢谢，ionicScrollDelegate完美工作。除了我使用的$ routeProvider方法之外，使用$ stateProvider还有什么好处吗？ – stefannew 2014-10-02 19:05:03

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

回答

相关问题