title: ng-click event is not firing on button click?
body: <p>i'm creating web application in Angularjs i write code in separate .js file for log in from database
  is is execute on page load but not triggering on button click,
  my .js code is:</p>
  
  <pre><code>var adminModule = angular.module('angApp', []);
  //Defining a Angular Controller
  adminModule.controller('AdminCtrl', ['$scope', '$http',
      function ($scope, $http) {
          Login();
          function Login(U_Name, U_PWD) {
              debugger;
              //Defining the $http service for login the admin user
              $http({
                  method: 'POST',
                  url: '/Admin/IsAuthenticate',
                  data: { User_Name: U_Name, User_PWD: U_PWD }
              }).success(function (result) {
  
                  if (result == true) {
                      alert('user is valid');
                  }
                  else {
                      alert('unauthorised access!');
                  }
              }).error(function (error) {
                  //Showing error message 
                  $scope.status = 'Unable to connect' + error.message;
              });
          }
      }]);
  </code></pre>
  
  <p>and my view as what i'm using for binding this using Angularjs here is an issue above code is working on page load but don't work on button click, the code i use is:</p>
  
  <pre><code>&lt;div class="admin-login" ng-controller="AdminCtrl" ng-app="angApp"&gt;
      &lt;h2&gt;using angularjs&lt;/h2&gt;
      &lt;input type="text" id="txtUserAng" placeholder="User Name" ng-model="U_Name" /&gt;
      &lt;input type="password" id="txtPWDAng" placeholder="Password" ng-model="U_PWD"  /&gt;
      &lt;input type="button" id="login" value="login" ng-click="Login()" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>anyone please help me what i miss here so i'm not able to trigger ng-click event on button click
  thanks in advance.</p>