[WordPress] 温泉 + json API ワードプレス考え AngularJS からデータをフェッチすることができません。

スポンサーリンク

Question

json API からデータを取得しようとしている、使用している温泉 ui phonegap アプリを作成するため。私はそれを取得するワードプレスのプラグインを使用しています。ここではどのように私はこれを行うにしようとしています。

module.factory('$data', function($http) {
      var data = {};


      $http.get('http://www.foduu.com/api/get_recent_posts').
      success(function(data, status, headers, config) {
        console.log(data.posts);
       // return data;
      }).
      error(function(data, status, headers, config) {
        console.log("error in fetching data");
      });
  });

、console.log で何を得ているこれは.

に似てコーディングの HTML


        
          
             
              
{{item.title}} {{item.label}}

{{item.desc}}

この上の任意の提案は本当に参考になります

ありがとう

答え

return

不足しているだけだと思う:

module.factory('$data', function($http) {
      var data = {};


      $http.get('http://www.foduu.com/api/get_recent_posts').
      success(function(data, status, headers, config) {
        console.log(data.posts);
       // return data;
      }).
      error(function(data, status, headers, config) {
        console.log("error in fetching data");
      });

      return data;
});

側の注意として、私はサービスおよび工場、

$

プレフィックスを持つ名前しないことお勧めします。これは、角度の その 提供サービス

また、現時点では、この

factory

多くを実行しません。おそらくその

$http.get

約束を返す必要があります戻ります:

module.factory('$data', function($http) {
      var data = {

          getRecentPosts: function() {
              return $http.get('http://www.foduu.com/api/get_recent_posts');
          }
      };

      return data;
});

約束

success

error

コント ローラーにこのファクトリを参照し処理します

答え

工場名は $ で開始しないでください

ここで私の作品を工場の例です。

angular.module('appName')
  .factory('FactoryName', function ($http, $q) {

    return {
      myFunctionName: function (callback) {
        var cb = callback || angular.noop;
        var deferred = $q.defer();
        $http.get('insertYourURLHere')
          .success(function (data) {
            deferred.resolve(data);
            return cb();
          }).
          error(function (err) {
            deferred.reject(err);
            return cb(err);
          }.bind(this));

        return deferred.promise;
      },
        };
  });

コント ローラーでこれを呼び出すことができますその後:

$scope.variableName = FactoryName.getProjects()
      .then(function(data){
        $scope.variableName = data;
      })
      .catch(function(err){
        $log.error(err);
      });

コント ローラー ファクトリの依存関係を挿入するかどうかを確認します

http://stackoverflow.com/questions/27710097/unable-to-fetch-data-from-json-api-wordpress-throught-angularjs-onsen

スポンサーリンク

Leave a Reply