2015-07-19 26 views
0

我正在使用Ionic框架开发简单的产品过滤应用程序。 我有一个我喜欢过滤的产品列表,除了这个奇怪的情况,AngularJS过滤器模型的工作效果很好:如果我向下滚动列表并过滤大部分搜索查询丢失。离子应用程序中的angularJS Filtr问题

https://apps.ionic.io/app/11bc2ed5

.factory('Recettes', function() { 
 
    // Might use a resource here that returns a JSON array 
 
    var data = []; 
 
    data.recettes = []; 
 

 
    data.produits = [ 
 
    
 
    { 
 
     "index": 1, 
 
     "isActive": true, 
 
     "estAutorise": 0, 
 
     "name": "Howard Price", 
 
     "marque": "in" 
 
    }, 
 
    { 
 
     "index": 2, 
 
     "isActive": true, 
 
     "estAutorise": 1, 
 
     "name": "Ingrid Saunders", 
 
     "marque": "amet" 
 
    }, 
 

 
...
<ion-view view-title="Dashboard"> 
 
    <ion-header-bar class="item-input-inset"> 
 
    <label class="item-input-wrapper"> 
 
     <i class="icon ion-ios-search placeholder-icon"></i> 
 
     <input type="search" placeholder="Rechercher Un Produit" ng-model="searchText"> 
 
    </label> 
 
    <button class="button button-clear" ng-click="searchText = undefined"> 
 
     Annuler 
 
    </button> 
 
    </ion-header-bar> 
 
    <ion-content class="padding" > 
 
    
 
    <div class="list card" ng-repeat="produit in produits | filter:searchText | orderBy: index"> 
 
     <div ng-switch on="{{produit.estAutorise}}"> 
 
     <div class="item item-autorise" ng-switch-when="1"> 
 
       <h2 class="title"><b>{{produit.marque}} </b>{{produit.name}}</h2> 
 
       <b class="balanced">Autorisé</b> 
 
     ....

下面是可以说明问题几张图片:

http://imgur.com/JDZXmQz,ucFdCX8,8VYXPAc

[第二图像],我打字,而我的搜索我在页面的顶部,每件事情都很好。

[第一张图片] [tird image]但是,当我向下滚动列表并插入相同的查询时,什么都不显示。

我真的很感谢帮助,谢谢!

回答

0

原来过滤器工作正常,当我向下滚动时,视图中出现问题,然后过滤屏幕的那部分变空,并且视图停留在那里,即使这里没有任何东西可以显示。我希望有一个calToTop函数可以在查询刷新时自动移动到顶端。