如何从WP-API网址

时间:2015-12-14 10:40:55

标签: angularjs wordpress api wp-api

我正在使用插件wp-api,如何从这个网址获取帖子标题等数据?

http://scd.blaze.wpengine.com/wp-json/posts?type=listings&filter[listing_area]=northwest

我试图使用Angular JS来获取它,到目前为止我有这个代码 -

 <script>

var app = angular.module('myApp', []);
app.controller('regionsLinks', function($scope, $http) {

    var url = 'http://scd.blaze.wpengine.com/wp-json/posts?type=listings&filter[listing_area]=northwest';

 $http.get(url).then(function (data) {

   $scope.data = data;

});

});
</script>


<div ng-app="myApp" ng-controller="regionsLinks">

  <div ng-repeat="d in data">
    <div id="title">
      {{d.title}}
    </div>

  </div>

我意识到我在做一些根本错误的事情,但我不知道是什么,我对这一切都很陌生,

非常感谢任何帮助,谢谢!

1 个答案:

答案 0 :(得分:0)

您的数据是从外部网址获取的,因此您需要使用此网址获取数据。

使用angular $ http服务调用URL,您可以向URL发出HTTP请求并返回JSON数据。

$scope.data行替换为以下内容:

var url = 'http://scd.blaze.wpengine.com/wp-json/posts?type=listings&filter[listing_area]=northwest';

$http.get(url).then(function (data) {
   $scope.data = data;
});

这基本上意味着“向此URL发出HTTP请求并将返回的数据放入$scope.data”。