Question

我正在使用Ionic框架开发一个简单的产品过滤应用程序。我有一个我喜欢过滤的产品列表，除了这个奇怪的情况之外，AngularJS过滤器模型效果很好：如果我向下滚动列表并过滤掉大部分搜索查询都缺失。

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

＆＃13;

.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"
    },

...

＆＃13;

<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>   
      ....

＆＃13;

以下是一些可能描述问题的图片：

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

[第二张图片]，当我在页面顶部时，我正在键入搜索，并且每件事都运行正常。

[First Image] [tird image]但是，当我向下滚动列表并插入相同的查询时，没有显示。

我非常感谢你的帮助，谢谢你！

Answer 1

关闭过滤器正在工作，当我向下滚动时视图中的问题然后过滤屏幕的那部分变空，即使没有任何显示，视图也会保持在那里。我希望每当刷新查询时，都会有calToTop函数自动切换到顶部。

Ionic app中的angularJS filtring问题

1 个答案: