Angular.jsを使用して限定されたデータを表示するには？

Question

limitToを使用して制限された結果を表示する方法に関する十分な例を見てきました。しかし、残念ながら期待通りには機能しません。現在、リスト全体を表示していますが、キーを4つのブロックに分けた8つのキー、値アイテムに制限したいと考えています。

ここにはplnkrがあります。

Answer 1

をしてください。あなたはそれを処理するカスタムフィルタを作成する必要があります。ここにあなたの問題のためplunk

app.filter('objLimitTo', [function(){ 
return function(obj, limit){ 
    if(obj){ 
     var keys = Object.keys(obj); 
     if(keys.length < 1){ 
     return []; 
     } 
    } 

    var result = {}, 
    count = 0; 
    angular.forEach(keys, function(key){ 
     if(count >= limit){ 
      return false; 
     } 
     result[key] = obj[key]; 
     count++; 
    }); 
    return result; 
}; 
}]); 

http://plnkr.co/edit/8d3gUqg4vHeGQWUXYrat?p=preview

Answer 2

まず、あなたのplunkrは機能しません。角度jsリンクは他のjs（あなたのアプリjs）の上にある必要があります。

あなたが働いて良い例がすでにありますここlimitToを使用するため、Objectに反復され、いずれかの配列や文字列/番号である必要がありlimitTo入力を探しSO Link