json API에서 데이터를 가져올 수 없습니다. Wordpress through AngularJS + Onsen

Question

json API에서 데이터를 가져 오려고하는데, phonegap 앱을 만들기 위해 onsen-ui를 사용하고 있습니다. 나는 그것을 얻기 위해 wordpress plugin을 사용하고 있습니다. 다음은이 작업을 수행하는 방법입니다.

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에서 난 정말 도움이 될 것입니다 이것에

<ons-list ng-controller="MasterController"> 
     <ons-list-item modifier="chevron" class="item" ng-repeat="item in items" ng-click="showDetail($index)"> 
      <ons-row> 
      <ons-col width="60px"> 
       <div class="item-thum"></div> 
      </ons-col> 
      <ons-col> 
       <header> 
       <span class="item-title">{{item.title}}</span> 
       <span class="item-label">{{item.label}}</span> 
       </header> 
       <p class="item-desc">{{item.desc}}</p> 
      </ons-col> 
      </ons-row>       
     </ons-list-item> 
     </ons-list> 

어떤 제안 유사한 코딩했다.

난 당신이 단지 return 누락 생각하면

Answer 1

감사합니다

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은별로하지 않습니다.

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

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

     return data; 
}); 

그런 다음,이 팩토리를 참조하는 컨트롤러의 약속 success 및 error을 처리 : 당신은 아마 $http.get 반환 당신이 약속을 반환해야합니다.

Answer 2

공장 이름은 $로 시작하지 않아야합니다.

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

당신이 컨트롤러에 FactoryName 의존성을 주입해야합니다 : 여기

날

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

그런 다음 컨트롤러에서이 호출 할 수 있습니다 작동 공장의 예입니다.