$http is not defined
<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>