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

我正在使用插件wpapi，如何从这个url获取文章标题等数据

http://scd.blaze.wpengine.com/wp-json/posts?type=listings&filter[列表区域]=西北

我正在尝试使用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>

var-app=angular.module（'myApp'，[]）；
app.controller（'regionsLinks'，函数（$scope，$http）{
var url='1〕http://scd.blaze.wpengine.com/wp-json/posts?type=listings&filter[列表_区域]=西北'；
$http.get（url）.then（函数（数据）{
$scope.data=数据；
});
});
{{d.title}}

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

---

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

您的数据是从外部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

”

如何使用它来获取所需的数据？它也会是这种结构吗？当你为数据创建了任何语法url时，只需在浏览器上运行，就可以很容易地获得想法数据。谢谢你的解释，这很有意义！我已经替换了那个代码，但是我想我在某个地方缺少了一个括号-我看不到在哪里，所以代码还没有工作，你能看一下你是否能告诉我吗？我已经更新了我当前的代码我想你缺少了一个

}）在
结束标记之前。我想你是对的，它已将代码分类，因此页面现在可以工作，但代码仍然不适合我，我已更新代码，这是链接
http://scd.blaze.wpengine.com/test/
如果你不介意的话，你能看看我哪里做错了吗？我只知道最基本的！打开浏览器控制台，在它工作之前，有几个错误需要修复（比如多次包含angular）。感谢您指出这一点，这是我在尝试使其工作时加入并忘记的一个功能！代码仍然不起作用，我已经清除了所有错误，还有其他关于我做错了什么的想法吗？谢谢你迄今为止的帮助