カスタム フィルターを介して JSON 応答から一意の値を返そうとしています。
データ:
[
{
"SHFUserID": "400",
"AlertID": "12",
"TickerID": "4512",
"Ticker": "GOOG",
"Active": "1",
"Status": "2"
},
{
"SHFUserID": "400",
"AlertID": null,
"TickerID": "4512",
"Ticker": "GOOG",
"Active": null,
"Status": null
},
{
"SHFUserID": "400",
"AlertID": null,
"TickerID": "10190",
"Ticker": "IBM",
"Active": null,
"Status": null
}
]
フィルター:
.filter('uniqueTickers', function() {
return function(tickers) {
var tags = {};
angular.forEach(tickers, function(obj) {
if(!(obj.Ticker in tags)){
tags[obj.Ticker] = {id: obj.TickerID, name:obj.Ticker}
if(!tags[obj.Ticker].pending){
tags[obj.Ticker].pending = 0;
}
if(!tags[obj.Ticker].settled){
tags[obj.Ticker].settled = 0;
}
if(!tags[obj.Ticker].order){
tags[obj.Ticker].order = 3;
}
}
if(obj.Status === "1"){
tags[obj.Ticker].pending = 1;
if(tags[obj.Ticker].order > 2){
tags[obj.Ticker].order = 2;
}
}
if(obj.Status === "2"){
tags[obj.Ticker].settled = 1;
if(tags[obj.Ticker].order > 1){
tags[obj.Ticker].order = 1;
}
};
});
return tags;
};
html:
Search: <input ng-model="query">
Sort by:
<select ng-model="orderProp">
<option value="name">Alphabetical</option>
<option value="order">Alert Status</option>
</select>
<ul class="tickerList">
<li ng-repeat="ticker in tickers | filter:query | orderBy:orderProp | uniqueTickers">
<a href="#/ticker/{{ticker.id}}">{{ticker.name}}</a>
<p>{{ticker}}</p>
</li>
</ul>
しかし、結果は次のようになります。
GOOG
{"id":"4512","name":"GOOG","pending":0,"settled":0,"order":3}
IBM
{"id":"10190","name":"IBM","pending":0,"settled":0,"order":3}
それ以外の:
GOOG
{"id":"4512","name":"GOOG","pending":0,"settled":1,"order":1}
IBM
{"id":"10190","name":"IBM","pending":0,"settled":0,"order":3}
目標は、結果セットを一意に保つことですが、そのティッカーのいずれかのレコードが保留中または決済済みの場合は、「保留中」または「決済済み」を true に設定することです。