JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='Zipload' ng-controller="Main">
    <li ng-repeat="zip in Zips | singleID:whichzip">{{zip.City}}</li>    
</div>

JavaScript

var Zipload = angular.module('Zipload', []);
Zipload.filter('singleID', function() {
  return function(whichzip, id) {
    var out = [];
      for (var i = 0; i < whichzip.length; i++){
          if(whichzip[i].id == id)
              out.push(whichzip[i]);
      }      
    return out;
  };
});



function Main($scope){
    $scope.Zips = [
  {
     "id":12,
     "zip":1215,
     "City":"Farmgate"
  },
  {
     "id":11,
     "zip":1214,
     "City":"Adabar"
  },
  {
     "id":10,
     "zip":1213,
     "City":"Dhanmondi"
  },
  {
     "id":9,
     "zip":1212,
     "City":"Mirpur"
  },
  {
     "id":8,
     "zip":1211,
     "City":"Hazaribagh"
  },
  {
     "id":7,
     "zip":1210,
     "City":"Paltan"
  },
  {
     "id":6,
     "zip":1209,
     "City":"Banani"
  },
  {
     "id":5,
     "zip":1208,
     "City":"Mohammadpur"
  },
  {
     "id":4,
     "zip":1207,
     "City":"Badda"
  },
  {
     "id":3,
     "zip":1206,
     "City":"Gulshan"
  },
  {
     "id":2,
     "zip":1205,
     "City":"Motizil"
  },
  {
     "id":1,
     "zip":1204,
     "City":"Sukrabad"
  }
];
                    
                    $scope.whichzip = '1';
}