问题描述
我正在使用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> ....
以下是一些可能描述问题的图像:
[第二张图片],当我在页面顶部时,我正在输入搜索内容,并且一切正常。
[第一张图片] [第三张图片]但是,当我向下滚动列表并插入相同的查询时,没有任何显示。
我真的很感谢您的帮助,谢谢!
1楼
事实证明,筛选器正在工作,当我向下滚动然后筛选器时,屏幕中的该部分问题变为空白,即使在那里什么也没显示,视图仍停留在那儿。 我希望有calToTop函数可以在刷新查询时自动移到顶部。