<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <script data-require="angular.js@*" data-semver="1.2.12" src="http://code.angularjs.org/1.2.12/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="MyCtrl">
    <h3>Enter an ID</h3>
    <input type="text" ng-model="inpSearch">
    <p ng-show="findObj(inpSearch)">The name of ID {{inpSearch}} is {{findObj(inpSearch).name}}</p>
  </body>

</html>
var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {

    $scope.name = 'StackOverflow';

        var myProperties = [
            {
                'name': '3 Bedroom Fixer Upper',
                'city': 'Santa Rosa',
                'id': 11,
                'state': 'CA',
                'date_added': '2/3/14',
                'completion_status': '80%',
                'imgURL': 'http://dfon12yb6dcdf.cloudfront.net/product/kr4f0uv5tkd6slvmn7r9j4h4jj/w1024x683.jpg?v=4',
            },
            {
                'name': '2 Bedroom Condo',
                'city': 'Vallejo',
                'id': 12,
                'state': 'CA',
                'date_added': '4/10/20',
                'completion_status': '50%',
                'imgURL': 'http://dfon12yb6dcdf.cloudfront.net/product/kr4f0uv5tkd6slvmn7r9j4h4jj/w1024x683.jpg?v=4',
            },
        ];
        
        $scope.findObj = function(searchId)
        {
          var resultObj;
          angular.forEach(myProperties, function(obj)
          {
            if ( obj.id == searchId)
            {
              resultObj = obj;
            }
          });
          return resultObj;
        };

};