2015-07-19 3 views
0

Я работаю над простым фильтрованием приложений, использующим Ionic framework. У меня есть список продуктов, которые я хотел бы фильтровать, и модель фильтра AngularJS отлично работает, за исключением этого странного случая: если я прокручу вниз список и фильтрация большинства поисковых запросов отсутствует.проблема с фильтрацией angularJS в приложении Ionic

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

[Второе изображение], я набираю поиск, пока я am наверху страницы, и все прекрасно работает.

[Первое изображение] [tird image] Однако, когда я просматриваю список и вставляю тот же запрос, ничего не отображается.

Я очень благодарен за помощь, спасибо!

ответ

0

Оказалось, что фильтр работает, проблема в представлении, когда я прокручиваю вниз, затем фильтрую ту часть экрана, которая становится пустой, и вид остается там, даже если там ничего не показывать. Я надеюсь, что есть функция calToTop, которая автоматически переключается вверх, когда запрос обновляется.

Смежные вопросы