проблема фильтрации angularJS в приложении Ionic

Question

проблема фильтрации angularJS в приложении Ionic

0

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

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] Однако, когда я просматриваю список и вставляю тот же запрос, ничего не отображается.

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

Garsallah mohamed 19 июль 2015, в 11:00

Источник

Теги:

javascript

android

angularjs

1 ответ

Ещё вопросы

Garsallah mohamed · Answer 1 · 2015-07-19T08-00-00.000Z

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