如何發佈用戶並通過

Question

我正在慢慢嘗試將應用程序從jquery遷移到角度，但是在理解某些事情時我仍然有點困惑。

HTML

<input type="text" name="usuario" id="usuariotxt"/> 
<input type="password" name="pass" id="passwordtxt"/> 

<div id="btn-login">Ingresar</div> 

JS

$("#btn-login").on('click', function (event){ 

var user = $('#usuariotxt').val(); 
    var pass = $('#passwordtxt').val(); 


    if (user === "" && pass === ""){ 

     //console.log('Debe escribir el Usuario y/o Contraseña'); 
     $('#mensaje-error').empty(); 
     var Solicitud = 'Debe escribir el Usuario y/o Contraseña'; 
     $('#mensaje-error').append(Solicitud); 

    }else{ 

     //console.log(user, pass); 

     var login= { 
      Usuario : user, 
      Password : pass 
     }; 

     $.ajax({ 

      type: 'POST', 
      url: 'url/api', 
      data: login, 
      datatype: 'json' 

     }).done(function(data) { 

       console.log(data); 

     }); 

我做上面提出使用jQuery的方式。

我想知道如何獲取有關輸入的書面信息。在某些情況下，我看到了ng -model。我想如果唯一的方法或者其他可行的解決方案是可以應用的

Answer 1

你可以試試這個：

<input type="text" name="usuario" ng-model="formValue.name"/> 
<input type="password" name="pass" id="passwordtxt" ng-model="formValue.password"/> 

<div ng-click="submitForm()">Ingresar</div> 

JS：

$scope.formValue={}; 
$scope.submitForm= function(){ 

//submitting data to server 
$http.post('url/api',$scope.formValue) 
    .success(function(data){ 
    console.log(data); 
    $scope.formValue={}; 
}) 

} 

Answer 2

是的，你聽到沒錯。

從輸入角度獲取數據有ng-model這將在範圍內綁定。

爲了處理點擊按鈕角已經ng-click

像這樣

<input type="text" name="usuario" ng-model="usuariotxt"/> 
<input type="password" name="pass" ng-model="passwordtxt"/> 

<div id="btn-login" ng-click="login()">Ingresar</div> 

JS

$scope.login=function(){ 
    console.log($scope.usuariotxt); 
    console.log($scope.passwordtxt); 
} 

Answer 3

您可以發佈使用控制器參數和service.have的控制器和服務短期看code.you必須添加模塊爲您的應用程序。

Module: 
     var app; 
    (function() { 
     app = angular.module("ModuleName", []); 
    })(); 

    Controller: 
var login= { 
      Usuario : $scope.user, 
      Password : $scope.pass 
     }; 
     var promisePost = AppointmentService.post(login); 
    promisePost.then(function(pl) { 
      var ID = pl.data; 
      if (ID < 1) { 
       if (ID == -1) { 
        //Logic 
       } 
      }); Service: 
     this.post = function(login) { 
      var request = $http({ 
        method: "Post", 
        url: "../Controller/ActionName/", 
        data: login 
       } 
      }); 
     return request; 
    }