JSFiddle - React, Tailwind, and code Playground

by varun1989

HTML

<div ng-app="myApp" ng-controller="myCntrl">
    <p> Unique Students are as follows: </p>
    <ul>
        <li ng-repeat="student in students">
            Id: {{student.Id}} &nbsp; &nbsp; Name: {{student.name}}
        </li>
    </ul>
</div>

JavaScript

var app = angular.module('myApp',[]);
var studentsList = [
    {"Id": "101", "name": "siva"},
    {"Id": "101", "name": "siva"},
    {"Id": "102", "name": "hari"},
    {"Id": "103", "name": "rajesh"},
    {"Id": "103", "name": "rajesh"},
    {"Id": "104", "name": "ramesh"},
];
app.controller('myCntrl',function($scope){
       
    var seen = {};
    //You can filter based on Id or Name based on the requirement
    var uniqueStudents = studentsList.filter(function(item){
    if(seen.hasOwnProperty(item.Id)){
        return false;
    }else{
        seen[item.Id] = true;
        return true;
    }
});
    $scope.students = uniqueStudents;
    console.log(uniqueStudents);
    
});