Код ответа: В этом ответе eid повторяется, но я хочу показать только один раз.Как получить уникальные значения из json с использованием угловых js?
{"response": [
{
"sid": 1,
"eid": "AA",
"ename": "AA11"
},{
"sid": 2,
"eid": "AA",
"ename": "AA11"
}
],
"status": "success"
}
Вы можете использовать фильтр по unique из AngularUI
<p ng-repeat="x in data.response | unique: 'ename'">{{x.ename}}</p>
DEMO
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p ng-repeat="x in data.response | unique: 'ename'">{{x.ename}}</p>
<script>
//App declaration
var app = angular.module('myApp',['ui.filters']);
//Controller Declaration
app.controller('myCtrl',function($scope){
$scope.data = {"response": [
{
"sid": 1,
"eid": "AA",
"ename": "AA11"
},{
"sid": 2,
"eid": "AA",
"ename": "AA11"
}
],
"status": "success"
};
});
</script>
</body>
</html>Нет волшебного пути. Эта задача прежде всего должна быть завершена до того, как ответ приземлит клиента (на сервере).
Что вы можете сделать, это сделать функцию, которая обрабатывает ответ так, как вы предпочитаете.
например.
//Removes duplicates of eid property
function getUniqueValues(input) {
var output = [];
function existsInOutput(element) {
return output.map(function(val) {
return val.eid
}).includes(element.eid)
};
angular.forEach(input,function(val, key) {
if (!existsInOutput(val)) {
output.push(val);
}
})
return output;
}
собирающий g: Ошибка синтаксиса в токене «>», недействительная FunctionExpressionHeader – user2709752
'angular.forEach (input, (val, key)' забыл добавить атрибут 'input'. Я отредактировал свой ответ. Я также сделал [скрипку] (https://jsfiddle.net/ucs403kL/) для вас. Пожалуйста, проверьте – Korte
Спасибо за это, но eclipse показывает ошибку для токена «>» – user2709752
Почему downvote здесь? – Sajeetharan
Спасибо Sajeetharan получил его – user2709752