同じIDの重複オブジェクトを、角度jsを使用してjsonデータから単一のオブジェクトにマージ

Question

id、name、error_type、およびmessageを持つさまざまなアイテムのエラーリストをapi呼び出しからjsonデータを取得します。私は項目の名前とIDを持つヘッダーを表示し、その下にそのIDに属するすべてのエラーのリストを表示する必要があります。私は角度で一意のフィルタを使用していますが、同じIDを持つ次のオブジェクトをスキップしています。 idが同じであれば、オブジェクトプロパティをマージする助けが必要です。

var items =[ {  
 
    "id": 83739, 
 
    "name": "abcd", 
 
    "type": "error", 
 
    "msg": "For Macros, x >= y" 
 
}, 
 
{ 
 
    "id": 83739, 
 
    "name": "abcd", 
 
    "type": "warning", 
 
    "msg": "Missing Power Condition" 
 
},{ 
 
    "id": 83740, 
 
    "name": "efgh", 
 
    "type": "error", 
 
    "msg": "Missing Power supply" 
 
}]

<div ng-repeat="item in items | unique:'id'"> 
 
<h4><a href="#/product/item/{{item.id}}"> {{io.item}}</a></h4> 
 
<ul> 
 
    <li > {{item.type}}: {{item.msg}}</li> 
 
</ul> 
 
</div>

私が必要私の出力は、この

<div> 
 
    <h4><a href="#/product/item/83739"> abcd</a></h4> 
 
    <ul> 
 
    <li > error: For Macros, x >= y</li> 
 
    <li > warning: Missing Power Condition</li> 
 
    
 
    </ul> 
 
</div> 
 

 
<div> 
 
    <h4><a href="#/product/item/83740}"> efgh</a></h4> 
 
    <ul> 
 
    <li > error: Missing Power supply</li> 
 
    </ul> 
 
</div>

Answer 1

あなたの李にNGリピートディレクティブを追加して、フィルタを適用し、このようなようなものです：

文脈では

：

<div ng-repeat="item in items | unique:'id'"> 
    <h4> 
     <a href="#/product/item/{{item.id}}"> {{io.item}}</a> 
    </h4> 
    <ul> 
     <li ng-repeat="i in items | filter: {id: item.id}"> {{i.type}}: {{i.msg}}</li> 
    </ul> 
</div> 

ここで働いてplunk