Question

我正在慢慢地尝试将应用程序从jquery迁移到angular，但是在理解某些事情时我仍然有点困惑。

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

是的，你听到了。

要从输入角度获取数据， 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 2

你可以试试这个：

<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 3

您可以使用控制器和服务发布参数。只需查看控制器和服务代码。您必须为您的应用添加模块。

    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;
    }

如何发布用户并传递

3 个答案: