Я пытаюсь создать страницу входа в систему, где проверяются учетные данные в Backend и возвращаются данные ... Поэтому я использую угловой js для внешнего интерфейса.
Когда я делаю спокойный вызов API,он проверяет учетные данные для входа, но я не получаю данные от бэкэнда.
Ajax-вызов моего API возвращает неопределенное значение, поэтому я не могу отобразить response.data
Controller:angular.module ('myApp')
.controller('LoginCtrl', function ($scope, $location, LoginService) {
$scope.loginData = {};
$scope.errors = [];
this.msg={};
$scope.login = function () {
if ($scope.loginData != null) {
console.log('Login Controller');
console.log($scope.loginData);
LoginService.Login($scope.loginData).then(function (response) {
console.log('Login Controller2');
$scope.showHide="IsVisible";
$scope.msg=response.data;
$location.path('signIn');
$scope.statuscode = response.status;
console.log(response.status);
console.log(response.headers);
console.log(response.config);
console.log(response.statusText);
console.log(response.xhrStatus);
//console.log(statuscode);
//console.log(msg.message);
console.log(response.data);
var result = response.resource;
// result.$status = response.status;
// console.log(result.$status);
}, function (reason) {
// $scope.errors.push(reason.data.toString());
});
Служба: angular.module ('myApp') .factory ('LoginService', ['$ http', функция ($ http) {
return {
Login: function(loginData){
console.log('Login Service');
console.log(loginData.password);
return $http.get('api/userlogin/checklogin', {params: {username: loginData.username, password:loginData.password}}) .then(testSuccess)
.catch(testError);
function testSuccess(response){
console.log('Login Successful');
console.log(response.data);
return response.data;
//console.log(response.data) this line prints data to console
}
function testError(error){
return error;
}
},
Как получить данные с сервера и отобразить их в формате HTML?