Функция ng-click не может вызвать услугу

Question

Я извлекаю данные из веб-api по щелчку кнопки, но когда я выполняю этот код, я получаю ошибку 405.

var app = angular.module("angularApp"); 
app.controller("loginController", function ($scope, $http) { 

    $scope.login = function() { 
     $http.get('http://localhost:35456/api/customer/Dipti123/dipti'). 
      success(function (data, status, headers, config) { 
      //$scope.posts = data; 
      alert("recived data"); 
      //alert(data.data.ID); 
     }). 
     error(function (data, status, headers, config) { 
      // log error 
      alert("error"); 
     }); 
    };   
}); 

Кроме того, если я называю $http метод вне функции $scope.login я в состоянии иметь возможность получать данные, но не по щелчку функции входа. может кто-нибудь сообщить?

Answer 1

Возможны две проблемы.

1. ли вы упоминаете onclick или ng-click. Если вы упомянете onclick, измените его на ng-click.

2. Смотрите ниже код

   var app = angular.module("angularApp"); 
   
   app.controller("loginController" ,[ '$scope' , '$http', function ($scope, $http) { 
   $scope.login = function() { 
       $http.get('http://localhost:35456/api/customer/Dipti123/dipti') 
       .then(function(res){ 
        console.log(res); 
        console.log(res.data); 
       }, function(error){ 
        alert(error); 
       } 
   }; 
   }]); 
   

Убедитесь, что апи URL правильно или нет. Для того, чтобы проверить, сделать запрос к локальным данным json первым, а затем попытаться с апи

Answer 2

Для решения этого, пожалуйста, следуйте ниже шаг:

Сначала убедитесь, в котором сторона проблемы заключается: клиент или сервер (Web API в вашем случае).

Поместите некоторый Консоль Войти в угловой, а также отложите отладчик в Webapi.

Как только вы получите это, вам будет проще сузить точную проблему.