limittoを使用した角度オブジェクトのフィルタ番号

Question

私は、アイテムの繰り返し配列に対してangularjsフィルタ方法を使用しており、limitToフィルタで数値をフィルタリングしようとしています。結果はDOMの繰り返しには適用されません。ここ

は、HTML

<div ng-controller="demo as d"> 
     <input type="text" ng-model="d.test" ng-change="d.filterthis(d.test)"><br> 
     <div ng-repeat="item in d.items | limitTo:d.limitto track by $index"> 
      <span ng-show="!item.show">{{item.myno}}</span> - 
      <span ng-show="!item.show">{{$index}} - {{item.mystr}}</span><br> 
     </div> 
</div> 

App.jsフィルタ関数withingが

this.filterthis = function(filter){ 
    that.items.map(function(filter){ 

      return function(obj){ 
       obj.show=true; 
       if(obj.myno.toString().indexOf(filter) >-1){ 
        console.log(obj); 
        obj.show=false; 
       } 
       return obj; 
      } 
    }(filter)); 
}; 

商品angularjsあるこの

this.items = [{ 
     show:false, 
     myno:10, 
     mystr:"test1" 
    }]; 

http://plnkr.co/edit/bTdlTpSeZuPyGpolXLEG

Answer 1

ような配列でありますあなたの商品にキーとして「ショー」を付けると、それはng-repeatから削除されないので、limitToフィルタは引き続きアイテムを返します。代わりに、あなたは唯一のlimit'ed結果をフィルタリングしているfilterあなたlimitToしてからならば順序は、ここでは重要であるように

<input type="text" ng-model="d.search"><br> 
<div ng-repeat="item in d.items | filter:{myno:d.search} | limitTo:d.limitto track by $index"> 
    <span>{{item.myno}}</span> - 
    <span>{{$index}} - {{item.mystr}}</span><br> 
</div> 

ノートのような繰り返しでfilterフィルタを活用すべきです。 {myno:d.search}を別のキーに変更してフィルタリングするキーを変更することもできます。オブジェクト全体を検索する場合は、単にd.searchを使用します。

Updated Plunker