title: $http is not defined
body: <p>I am new to Angular JS and have getting below error when I have tried to inject $http service in the project. Please see the code file below.</p>
  
  <p>As you can see I have created a <code>&lt;ng-app="myapp"&gt;</code> and created a controller for the same. As described in the tutorial I have registered the controller in the View.js and tried to load 'data.json' file data. However, during running the program I am getting error as  $http is not defined. </p>
  
  <p>View.html</p>
  
  <hr>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;script
      src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/View.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="myapp"&gt;
  
      &lt;div ng-controller="Object"&gt;
          &lt;span ng-bind="o.rollNo"&gt;&lt;/span&gt;
          &lt;span ng-bind="o.firstName"&gt;&lt;/span&gt;
          &lt;span ng-bind="o.middleName"&gt;&lt;/span&gt;
          &lt;span ng-bind="o.lastName"&gt;&lt;/span&gt;
          &lt;span ng-bind="o.className"&gt;&lt;/span&gt;
          &lt;span ng-bind="o.schoolName"&gt;&lt;/span&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>View.js</p>
  
  <pre><code>var app=angular.module("myapp", []);
  app.controller('Object',function($scope,$http) {
  
      $http.get("data.json")
      .success( function(response) {
          $scope.o= response;
         });
  
  });
  </code></pre>
  
  <p>data.json:</p>
  
  <pre><code>[
     {
        "rollNo" : "1",
        "firstName" : "ABC",
        "middleName" : "DEF"
        "lastName" : "HIJ"
        "className" : "First"
        "schoolName" : "CRB"
     }
  ]
  </code></pre>
  
  <p><a href="http://i.stack.imgur.com/PR0yH.png" rel="nofollow">Project Structure</a></p>