angularjs - 如何从 WP-API url 获取数据

Question

我正在使用插件wp-api，如何从这个url获取帖子标题等数据？

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>

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

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

Answer 1

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

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