2014-10-31 150 views
0

在我Angularjs MVC應用程序,我寫的LO-杜松子酒從兩個文本框的用戶名&密碼 我Angularjs控制器代碼是接受值碼作爲工作正常,但有鑑於如何將視圖控件的值發送到angularjs控制器..?

 $scope.Login = function Login(U_Name, U_PWD) { 
     //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; 
      }); 
    } 

這個代碼是問題上執行NG單擊事件,但不接受輸入框中的值 我看來代碼如下:

<div ng-app="angApp"> 
    <div ng-controller="AdminCtrl"> 
     <div class="admin-login"> 
      <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> 
    </div> 

回答

1

你的問題是,你不及格U_Name, U_PWD變量Login FUNC灰。您需要將input值傳遞給您的函數。

有兩種實現方法。

首先,直接傳遞模型的功能類似

<input type="button" id="login" value="login" ng-click="Login(U_Name, U_PWD)" /> 

,使用$scope.U_Name$scope.U_PWD

$scope.Login = function() {  
    var U_Name = $scope.U_Name, 
     U_PWD = $scope.U_PWD 
} 
+0

由於@Satpal 第一種方法工作正常但第二種不起作用 – 2014-10-31 07:13:57

1

在控制器得到這個

這個例子中沒有設置login parame TR

$scope.Login = function Login() { 
    var U_Name = $scope.U_Name; 
    var U_PWD = $scope.U_PWD; 
    console.log($scope.U_Name); 
    console.log($scope.U_PWD); 
    } 

並且可以設置login功能parrameters該模型

<input type="button" id="login" value="login" ng-click="Login(U_Name, U_PWD)" /> 
+0

感謝@Harutyun 這個工作很好,但第一種方法不起作用 – 2014-10-31 07:13:10

+0

現在都在工作 謝謝 – 2014-10-31 07:17:06

1
use this 

data: 
{ 
User_Name: $scope.U_Name, 
User_PWD: $scope.U_PWD 
} 
相關問題