Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在离子列表中同时使用过滤器和无限滚动时遇到问题?_Javascript_Angularjs_Ionic Framework - Fatal编程技术网

Javascript 在离子列表中同时使用过滤器和无限滚动时遇到问题?

Javascript 在离子列表中同时使用过滤器和无限滚动时遇到问题?,javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,我已经创建了一个离子混合应用程序,因为我在angularjs过滤器中遇到了问题 <input type="search" placeholder="Search personalities" ng-model="name" ng-change='alert("changed!")'> </label> <ion-list id="personalities-list3"> <!--<

我已经创建了一个离子混合应用程序,因为我在angularjs过滤器中遇到了问题

          <input type="search" placeholder="Search personalities" ng-model="name"  ng-change='alert("changed!")'> 
        </label>

    <ion-list id="personalities-list3">
        <!--<ion-item class="item-divider" id="personalities-list-item-divider1"> A</ion-item> auto-list-divider auto-list-divider-value="{{per.name}}"-->
        <ion-item class="item-avatar" id="personalities-list-item27"  ng-repeat="per in personality|limitTo:showlength|filter:{name:name}" ng-click="selectedpersonality(per)" auto-list-divider auto-list-divider-value="{{per.name}}" auto-list-divider-visible="{{divvisible}}">
            <!--<img image-lazy-src="http://www.podxref.com/img/personality/small/{{per.profileimage}}" ng-if='per.profileimage.length > 0' image-lazy-loader="lines" image-lazy-distance-from-bottom-to-load="1000">-->
            <img src="http://www.podxref.com/img/personality/small/{{per.profileimage}}" ng-if='per.profileimage.length > 0'>
            <img src="img/no-image.jpg" ng-if='per.profileimage==""'>
            <h2>{{per.name}}</h2>
        </ion-item>
    </ion-list>
    <ion-infinite-scroll ng-if="!noMoreItemsAvailable" on-infinite="loadMore()" distance="10%"></ion-infinite-scroll>

0'>
{{per.name}}
上面的代码我在ng repeat中使用了filter,我还使用了一个无限滚动列表,然后personality数组包含18000个按字母顺序排列的值。所以问题是,如果我搜索“zolten rhimer”,列表是空的,即使名称存在于数组中。请任何人帮助我解决这个问题

谢谢,

您这样使用

    <ion-list id="personalities-list3">
        <!--<ion-item class="item-divider" id="personalities-list-item-divider1"> A</ion-item> auto-list-divider auto-list-divider-value="{{per.name}}"-->
        <ion-item class="item-avatar" id="personalities-list-item27"  ng-repeat="per in personarraytosearch=personality|filter:{name:name}|limitTo:showlength " ng-click="selectedpersonality(per)" auto-list-divider auto-list-divider-value="{{per.name}}" auto-list-divider-visible="{{divvisible}}">
            <!--<img image-lazy-src="http://www.podxref.com/img/personality/small/{{per.profileimage}}" ng-if='per.profileimage.length > 0' image-lazy-loader="lines" image-lazy-distance-from-bottom-to-load="1000">-->
            <img src="http://www.podxref.com/img/personality/small/{{per.profileimage}}" ng-if='per.profileimage.length > 0'>
            <img src="img/no-image.jpg" ng-if='per.profileimage==""'>
            <h2>{{per.name}}</h2>
        </ion-item>
    </ion-list>

0'>
{{per.name}}

我认为这将帮助您

什么是personarraytosearch?这是虚拟变量