title: AngularJS not working with my html
body: <p>I am trying to build my first AngularJS app but it is not working, i am unable to find the problem why it is not working. It is not showing the name and result of sayHello function on the html page.</p>
  
  <p>This is my js and html file.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>(function(){
   // body...
   'use strict';
   angular.module('myFirstApp',[]);
  
   .controller('myFirstController', function($scope){
    // body...
    $scope.name = "Isha";
    $scope.sayHello = function() {
     // body...
     return "Hello";
    }
   });
  })();</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
    &lt;head&gt;
   &lt;title&gt;My First AngularJS App&lt;/title&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&gt;&lt;/script&gt;
   &lt;script src="app.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
   &lt;h1&gt;My First AngularJS App&lt;/h1&gt;
   &lt;div ng-app="myFirstApp" ng-controller="myFirstController"&gt;
    {{sayHello()}}
    {{name}}
   &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>