javascript - 使用用户名调用 API 并通过

Question

我正在尝试使用 AngularJS 创建一个 html 页面，其中用户输入用户名和密码，控制器调用 API 来验证它们是否正确。这是控制器代码，它不起作用。你可以帮帮我吗？

'use strict';

angular.module('SiteApp', [])
.controller('LoginCtrl', ['$scope', '$location', '$http', function ($scope, $http) {
  return{
    $scope.user = {username: '', password: ''};

    $scope.go = function() {
        //$scope.msg = 'clicked '+ $scope.user.username + ' ' + 
        //$scope.user.password;
        //alert("Testar entrada na função de go()");
        console.log($scope);
        $http.jsonp('http.//beta.cloogy.com:6969/api/1.0').
            data= {
              "User": user.username,
              "Password": user.password
            };
        .success(function (data) {
          $scope.$parent.image = data;
          return $location.path('/Index')
        });

        .error(function (data) {
           return $scope.msg="Erro, não foi feita validação correctamente!";
            {{msg}}
        });
    }
  }
}]);

Answer 1

您的代码中有很多javascript 语法错误。以下代码至少在语法上是正确的。我不知道它是否能完成你想要完成的事情。

'use strict';

angular.module('SiteApp', [])
.controller('LoginCtrl', ['$scope', '$location', '$http', function ($scope, $location, $http) {
  $scope.user = {username: '', password: ''};

  $scope.go = function() {
    $http.jsonp('http.//beta.cloogy.com:6969/api/1.0', {
        data: {
          User: user.username,
          Password: user.password
        }
      })
      .success(function (data) {
        $scope.$parent.image = data;
        $location.path('/Index');
      })
      .error(function (data) {
        $scope.msg="Erro, não foi feita validação correctamente!";
      });
  }
}]);