AngularJS empty fiddle

AngularJS empty fiddle

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.5/angular.min.js"></script>
<div ng-app="myApp">
    <div ng-controller='Ctrl'>
        <select id="tradestyle" ui-select2 ng-model="currentTradestyle" ng-options="style.name for style in tradestyles">
            
        </select>
        <input type="text" ng-model="currentTradestyle.id" />
    </div>
</div>

JavaScript

var app = angular.module('myApp', []);
    app.filter('uniqueid', function () {
    return function (obj,item) {
        if(obj.id == item.id){
            return obj;
        }
    }
});


app.controller('Ctrl', ['$scope', '$rootScope','uniqueid', function ($scope, $rootScope,uniqueid) {
    $scope.tradestyles = [{
        "id": "1",
            "source": "Source One",
            "name": "Name One"
    }, {
        "id": "2",
            "source": "Source Two",
            "name": "Name Two"
    }]
    $scope.objectItem = [{id:1,name:"a"},{id:2,name:"b"}];
    $scope.filterred = $filter('uniqueId')($scope.objectItem, { id: 1});
}]);