データを表示し、一度

Question

は、私はこのようなJSONファイルがあります：私が欲しいもの

[ 
    { 
    "id": "1", 
    "name": "John", 
    "country": "Philippines" 
    }, 

    { 
    "id": "2", 
    "name": "Marsha", 
    "country": "Philippines" 
    }, 
    { 
    "id": "3", 
    "name": "Peter", 
    "country": "Philippines" 
    }, 
    { 
    "id": "4", 
    "name": "Kang", 
    "country": "Philippines" 
    } 
] 

をngのリピートを使用して、それを表示することですが、すべての国が同じであるため、私が表示したいです国は一度だけ。どうすればそれをすることができますか？私のhtmlファイルは次のようなものです：

<div ng-repeat="item in citizens"> 
    <label class="col-md-4 control-label" ng-model="item.id"> 
     {{item.id}} 
    </label> 
    <label class="col-md-4 control-label" ng-model="item.name"> 
     {{item.name}} 
    </label> 
    <label class="col-md-4 control-label" ng-model="item.country"> 
     {{item.country}} 
    </label> 
</div> 

ありがとうございました。

Answer 1

には、次のようラベルを変更してみてください：前の項目の国は現在のアイテムの国と同じではない場合

<label class="col-md-4 control-label" ng-model="item.country" ng-show="$index>0 && item.country!=citizens[$index-1].country"> 
    {{item.country}} 
</label> 

NG-ショーは、ラベルのみを表示し、チェックします。 注：$index>0は、このチェックのために最初の項目がスキップされることを確認します。

Answer 2

国名を表示するラベルにng-if条件を追加します。

<label class="col-md-4 control-label" ng-bind = "item.country" 
    ng-model="item.country" ng-if="$index>0 && item.country!=citizens[$index-1].country"> 
    </label> 

は、ここであなたは、角NGリピートでフィルタして、グループを使用する必要が要件を達成するためにplunker example

Answer 3

です。

私は、あなたが同様にあなたのスクリプトで角度フィルタファイルを含める必要が

<div ng-repeat="(key, value) in citizens | groupBy: 'country'"> 
    Group name: {{ key }} 
    <div ng-repeat="item in value"> 
     <div>Name: {{ item.name }}</div> 
    </div> 
</div> 

とともに切り取らコードを添付しています。

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.11/angular-filter.min.js"></script> 

また、私は、これはあなたが探しているものだと思います。この

angular.module('myApp', ['angular.filter']); 

のようなあなたのお尻の角度フィルタ依存性を注入します。詳細については、thisをご覧ください。