2016-12-20 20 views
1

ボタンをクリックしてweb-apiからデータを取得していますが、このコードを実行するとエラー405が発生します。ng-click機能がサービスを呼び出せません

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

私は$scope.login関数の外$httpメソッドを呼び出した場合も、私は、ログイン機能のクリックでデータではなくを受けることができることができますよ。 誰でも私に知らせることができますか?

+1

完全なエラー内容を投稿することができます –

+0

呼び出しているAPIでgetが許可されているかどうかを確認してください。 – GeekAb

+0

405は、リクエストしているメソッドが許可されていないことを意味します。サーバー側のコードでGETメソッドを許可しましたか? – Jackthomson

答えて

1

問題は2つあります。

  1. あなたはonclickng-clickを言及しました。 onclickと記載されている場合は、ng-clickに変更してください。

  2. は、APIのURLが正しいかどうかを確認してくださいコード

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

の下を参照してください。ここでサイドに問題がある

最初に確認してください:最初にする、ローカルjsonデータへの要求をテストするには、このステップの下に従ってください解決するためのAPI

+0

@ sauravの下でこのコードを実行することで実行されていますimはエラー[オブジェクトオブジェクト]をポップアップとして取得し、 -clickとapiのURLも正しいです – abhishek

+0

これをコンソールにしてエラーを教えてください –

0

と試みるクライアントまたはサーバー(ウェブAPIをあなたのケースで)。

コンソールログをいくつか配置し、デバッガをWebapiに配置します。

これを取得すれば、正確な問題を絞り込むことがより簡単になります。

関連する問題