如何从WP-API url获取数据

Question

我正在使用插件wp，如何从这个url中获取诸如帖子标题之类的数据？

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

我试着用角质化的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>

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

任何帮助都将不胜感激，谢谢！

Answer 1

您的数据是从外部URL获取的，因此您需要使用该URL获取数据。

使用角$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”。