title: Unable to execute controller function using angular.js
body: <p>My controller function is not called at all using Angular.js.I am explaining my code below.</p>
  
  <blockquote>
    <p>admin.html:</p>
  </blockquote>
  
  <pre><code>&lt;head ng-app="adminModule"&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Welcome to Odia Doctor Admin Panel&lt;/title&gt;
  
  &lt;link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900' rel='stylesheet' type='text/css' /&gt;
  &lt;link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css' /&gt;
  &lt;link rel="shortcut icon" href="img/favicon.png" type="image/x-icon"&gt;
  &lt;!-- Styles --&gt;
  &lt;link rel="stylesheet" href="font-awesome-4.2.0/css/font-awesome.css" type="text/css" /&gt;&lt;!-- Font Awesome --&gt;
  &lt;link rel="stylesheet" href="css/bootstrap.css" type="text/css" /&gt;&lt;!-- Bootstrap --&gt;
  &lt;link rel="stylesheet" href="css/style.css" type="text/css" /&gt;&lt;!-- Style --&gt;
  &lt;link rel="stylesheet" href="css/responsive.css" type="text/css" /&gt;&lt;!-- Responsive --&gt;  
  
  &lt;/head&gt;
  &lt;body style="background-image: url('images/resource/login-bg.jpg')" ng-controller="admincontroller"&gt;
  
  &lt;div class="login-sec"&gt;
      &lt;div class="login-sec"&gt;
      &lt;div class="login"&gt;
          &lt;div class="login-form"&gt;
              &lt;span&gt;&lt;img src="images/logo.png" alt="" /&gt;&lt;/span&gt;
              &lt;h5&gt;&lt;strong&gt;Identify&lt;/strong&gt; Yourself&lt;/h5&gt;
              &lt;center ng-hide="lStatus"&gt;{{loginStatus}}&lt;/center&gt;
              &lt;form action="#" method="post"&gt;
                  &lt;fieldset&gt;&lt;input type="text" placeholder="Username" class="logininputdiv" /&gt;&lt;i class="fa fa-user"&gt;&lt;/i&gt;&lt;/fieldset&gt;
                  &lt;fieldset&gt;&lt;input type="password" placeholder="Password" class="logininputdiv" /&gt;&lt;i class="fa fa-unlock-alt"&gt;&lt;/i&gt;&lt;/fieldset&gt;
                  &lt;label&gt;&lt;input type="checkbox" /&gt;Remember me&lt;/label&gt;&lt;button type="button" class="blue" ng-click="adminLogin();"&gt;LOG IN&lt;/button&gt;
              &lt;/form&gt;
          &lt;/div&gt;
          &lt;span&gt;Copyright © 2015 Odia Doctor&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;&lt;!-- Log in Sec --&gt;   
  &lt;script src="js/angular.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/adminlogincontroller.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <blockquote>
    <p>adminlogincontroller.js:</p>
  </blockquote>
  
  <pre><code>var app = angular.module('adminModule',[]);
  app.controller('admincontroller',['$scope','$http',function($scope,$http){   
        console.log('hello controller');
         $scope.lStatus=false; 
  
      }])
  </code></pre>
  
  <p>I need here when page will be load this controller function will called.But nothing is happening like this.Please help me to resolve this issue.</p>