HttpステータスコードファクトリAngularJs

Question

私はAngularJsを初めて使用しています。$ http getを使用して簡単なファクトリを作成しました。バンチまたはhttpステータスコード番号をキーとして持つ.jsonとそれぞれのメッセージを値として取得します。このエラーを取得するための、いくつかの理由contine用I：

プロパティを読み取ることができません '取得'

未定義JSONの：

{ 
    "200": "Ok", 
    "201": "Created", 
    "202": "Accepted", 
    "404": "Not_Found", 
    "400": "Bad Request", 
    "403": "Forbidden", 
    "417": "Expectation Failed" 
} 

factory.js

.factory('statusCodesFactory', function() { 

       var httpStatusCodes = { 
        getStatus: function ($http) { 
         $http.get('catalog/statusCodes.json') 
          .then(function (response) { 
           httpStatusCodes.code = response; 
          }); 
        } 
       } 
       return httpStatusCodes; 
      }) 

Answer 1

ます'$ http'の依存関係を適切に渡す必要があります。

.factory('statusCodesFactory', ['$http', function ($http) { 
    var httpStatusCodes = { 
     getStatus: function() { 
      $http.get('catalog/statusCodes.json') 
       .then(function (response) { 
        httpStatusCodes.code = response; 
       }); 
      } 
     } 
     return httpStatusCodes; 
    }); 

これはあなたの関数が本当に何も返さないということです。それのためのよりよいフォーマットは、これを次のようになります。このよう

.factory('statusCodesFactory', ['$http', function ($http) { 
    var httpStatusCodes = { 
     getStatus: function() { 
      return $http.get('catalog/statusCodes.json') 
       .then(function (response) { 
        return response; 
       }); 
      } 
     } 
     return httpStatusCodes; 
    }); 

と呼ば：

var statusCodes = {}; 
statusCodesFactory.getStatus().then(function(response){ 
    statusCodes = response; 
}); 

Answer 2

エラーが$httpがundefinedあるので、あなたが$http上のメソッドgetを呼び出すことはできませんと言っています。 パラメーターがgetStatus: function($http)...に渡されていることは、この問題の根本原因です。あなたはその関数に何が渡されているのか、なぜ空のオブジェクトであるのかを理解する必要があります。

Answer 3

工場に$ httpサービスを注入します。

.factory('statusCodesFactory', ['$http', function ($http) { 
    return { 
     getStatus: function() { 
      $http.get('catalog/statusCodes.json') 
       .success(function (response) { 
        // 
       }); 
      } 
     } 
    }; 
}]); 

のInvoke関数として -

statusCodesFactory.getStatus(); 

あなたは、コントローラの約束を使用するように戻って応答を返すために必要がある場合。

.factory('statusCodesFactory', ['$http', '$q', function ($http, $q) { 
    return { 
     getStatus: function() { 
      var defer = $q.defer(); 
      $http.get('catalog/statusCodes.json') 
       .success(function (response) { 
        defer.resolve(response); 
       }); 
      } 
      return defer.promise; 
     } 
    }; 
}]); 

はその後、コントローラからファクトリメソッドを呼び出す - - $ Qサービスを注入し

statusCodesFactory.getStatus().then(function(response){ 
    // Use response 
});