ng-repeatを使用して項目値の開始文字に従って表示する方法

Question

A〜Zの範囲の項目名を持つ配列があります。 私がしたいのは、アルファベットの文字ごとにng-repeatです。アレイ内の文字については

：Array内のBの文字については

<div ng-repeat="item in items | orderBy: 'item_name'"> 
    {{item.item_name}} 
</div> 

：

<div ng-repeat="item in items | orderBy: 'item_name'"> 
    {{item.item_name}} 
</div> 

どのように私はこれを達成することができますか？

Answer 1

あなたがここに

$scope.criteriaMatch = function(x) { 
    return function(item) { 
     return item.name.startsWith(x); 
    }; 
}; 

以下のようなcustom filter

<div ng-repeat="item in items | filter:criteriaMatch('z')"> 
    {{item.name}} 
</div> 

<div ng-repeat="item in items | filter:criteriaMatch('A')"> 
    {{item.name}} 
</div> 

とfilter機能でこれを達成することができますですWorking fiddle

は、それはあなたの役に立てば幸い:)

Answer 2

あなたはangular.filter moduleを使用してgroupByフィルタを使用することができます。

<div ng-repeat="item in items | groupBy: 'item_name.substr(0,1)'"> 
    {{item.item_name}} 
</div>