当前位置: 代码迷 >> JavaScript >> 离子应用中的angularJS过滤问题
  详细解决方案

离子应用中的angularJS过滤问题

热度:23   发布时间:2023-06-13 12:33:12.0

我正在使用Ionic框架开发一个简单的产品过滤应用程序。 我有一个我要过滤的产品列表,而AngularJS过滤器模型很好用,除了这种奇怪的情况:如果我向下滚动列表并过滤掉大部分搜索查询,就会丢失。

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

以下是一些可能描述问题的图像:

[第二张图片],当我在页面顶部时,我正在输入搜索内容,并且一切正常。

[第一张图片] [第三张图片]但是,当我向下滚动列表并插入相同的查询时,没有任何显示。

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

事实证明,筛选器正在工作,当我向下滚动然后筛选器时,屏幕中的该部分问题变为空白,即使在那里什么也没显示,视图仍停留在那儿。 我希望有calToTop函数可以在刷新查询时自动移到顶部。