ng按鈕事件不會觸發按鈕單擊？

Question

我在快樂Angularjs創建Web應用程序，我寫在日誌單獨的.js文件的代碼從數據庫 是爲執行頁面加載但不觸發按鈕點擊， 我的.js代碼：

var adminModule = angular.module('angApp', []); 
    //Defining a Angular Controller 
    adminModule.controller('AdminCtrl', ['$scope', '$http', 
    `enter code here` 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; 
      }); 
    } 
     }]); 

和我，因爲我使用的是什麼在這裏結合這一點使用Angularjs看法是上面的代碼中的一個問題是工作在頁面加載，但不要點擊按鈕的工作，我使用的代碼是：

<div class="admin-login" ng-controller="AdminCtrl" ng-app="angApp"> 
    <h2>using angularjs</h2> 
    <input type="text" id="txtUserAng" placeholder="User Name" ng-model="U_Name" /> 
    <input type="password" id="txtPWDAng" placeholder="Password" ng-model="U_PWD" /> 
    <input type="button" id="login" value="login" ng-click="Login()" /> 
</div> 

請人幫我看看我在這裏錯過了什麼，所以我不能觸發ng-click事件按鈕點擊 在此先感謝。

Answer 1

您的Login函數需要在範圍內。現在，它基本上是一個私有函數：

$scope.Login = function() { 
    ... 
} 

Answer 2

將函數賦值給作用域變量。

var adminModule = angular.module('angApp', []); 
    //Defining a Angular Controller 
    adminModule.controller('AdminCtrl', ['$scope', '$http', 
    function ($scope, $http) { 

      $scope.Login=function (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; 
      }); 
    } 
     $scope.Login(); 
     }]); 

編輯：

嘗試使用這個HTML代碼，但我不sure.it可能是，NG-init和NG-控制器都在同一個div和NG-控制器負載第一該NG-初始化後：

<div ng-app="angApp"> 
    <div class="admin-login" ng-controller="AdminCtrl" > 
    <h2>using angularjs</h2> 
    <input type="text" id="txtUserAng" placeholder="User Name" ng-model="U_Name" /> 
    <input type="password" id="txtPWDAng" placeholder="Password" ng-model="U_PWD" /> 
    <input type="button" id="login" value="login" ng-click="Login()" /> 
    </div> 
</div>