title: unable to fetch data from json file in angularjs?
body: <p>I'm new in angularjs,i'm trying to load data from my json file on view. json file have some list of patients. 
  But does not get showed on my view</p>
  
  <p>here is my 'patient.json' file</p>
  
  <pre><code>[
  {
      "id": 0, 
      "first_name": "John", 
      "last_name": "Abruzzi", 
      "middle_name": "Kewan",
      "DOB": "12/03/1935", 
      "ssn": "254-2342-42",
      "sex" : "Male",
      "country" : "USA",
      "city" : "Greater New York",
      "phone" : "1234124822",
      "military_branch" : "Army",
      "zip" : "08675",
      "guid" : ""
  }, 
   {
      "id": 1, 
      "first_name": "Peter", 
      "last_name": "Burk", 
      "middle_name": "S",
      "DOB": "31/06/1945", 
      "ssn": "342-9876-54",
      "sex" : "Male",
      "country" : "USA",
      "city" : "New York",
      "phone" : "3346573924",
      "military_branch" : "FBI",
      "zip" : "25643",
      "guid" : ""
    }, 
  
   {
      "id": 2, 
      "first_name": "Neal", 
      "last_name": "caffery", 
      "middle_name": "Sam",
      "DOB": "28/02/1988", 
      "ssn": "420-4204-20",
      "sex" : "Male",
      "country" : "USA",
      "city" : "New York",
      "phone" : "676554323",
      "military_branch" : "Air Force",
      "zip" : "26531",
      "guid" : ""
    },
    ]
  </code></pre>
  
  <p>here is my controller.js</p>
  
  <pre><code>var patientApp = angular.module('patientApp', []);
  
   patientApp.controller('PatientListCtrl',['$scope','$http', function ($scope, $http) {
  $http.jsonp('/json/patients.json').success(function (data) {
      $scope.patients = data;
   })
   });
   $scope.orderProp = 'id';
   }]);
  </code></pre>
  
  <p>Here is my 'index.html' file</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="patientApp"&gt;
  &lt;head&gt;
  &lt;title&gt;Patient Management&lt;/title&gt;
  &lt;script src="js/angular.js"&gt;&lt;/script&gt;
  &lt;script src="js/angular-resource.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/controller.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body data-ng-controller="PatientListCtrl"&gt;
  &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;ID&lt;/tr&gt;
          &lt;tr&gt;First Name&lt;/tr&gt;
          &lt;tr&gt;Last Name&lt;/tr&gt;
          &lt;tr&gt;SSN&lt;/tr&gt;
          &lt;tr&gt;DOB&lt;/tr&gt;
      &lt;/thead&gt;
  &lt;/table&gt;
  &lt;div data-ng-repeat="patient in patients"&gt;
      &lt;table&gt;
          &lt;tr&gt;{{patient.id}}&lt;/tr&gt;
          &lt;tr&gt;{{patient.last_name}}&lt;/tr&gt;
          &lt;tr&gt;{{patient.first_name}}&lt;/tr&gt;
          &lt;tr&gt;{{patient.SSN}}&lt;/tr&gt;
          &lt;tr&gt;{{patient.DOB}}&lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I think i'm missing something.
  plz help me ,thanks in advance.</p>