Ng-Repeat没有返回帖子列表

时间:2017-06-24 作者:SRH1984

我目前正在尝试使用angular JS创建WP主题。我正在努力完成本教程:https://1fix.io/blog/2014/11/05/angularjs-json-api-wp-theme/

然而,我已经快结束了,我的ng repeat没有返回我的帖子列表。

这是我的脚本。js公司:

angular.module(\'app\', [\'ngRoute\'])
.config(function($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);

$routeProvider
.when(\'/\', {
    templateUrl: myLocalized.partials + \'main.html\',
    controller: \'Main\'
})
.when(\'/:ID\', {
    templateUrl: myLocalized.partials + \'content.html\',
    controller: \'Content\'
    });
})
     .controller(\'Main\', function($scope, $http, $routeParams) {
     $http.get(\'wp-json/wp/v2/posts/\').then(function(res){
    $scope.posts = res;
    });
})
.controller(\'Content\', function($scope, $http, $routeParams) {
    $http.get(\'wp-json/wp/v2/posts\' + $routeParams.id).then(function(res){
        $scope.post = res;
    });
});
这是我的主要代码。html:

<div ng-controller="Main">
<strong>This is the main page</strong>

<ul>
     <li ng-repeat="post in posts">
        <a href="{{ post.id }}">{{ post.title }}</a>
     </li>
    </ul>
</div>
然而,当我导航到我的页面时,我只看到:

enter image description here

所有脚本似乎都已正确排队并索引。php正在拉动main。通过html,它就是不起作用。

我知道这很明显,但我的google foo让我失望了

2 个回复
最合适的回答,由SO网友:hmakein 整理而成

看起来您链接的教程正在使用success, 你把它改成了then.

这个success 方法已deprecated, 所以你这么做是对的。然而,因为then 返回的数据与success, 您需要更新$scope.post 相应的变量:

$scope.post = res.data;

你可以找到一个很好的解释this answer.

SO网友:Picard

查看REST API生成的post格式,我认为您应该访问如下标题:

 <li ng-repeat="post in posts">
    <a href="{{ post.id }}">{{ post.title.rendered }}</a>
 </li>

结束

相关推荐

WP-API RESTFULL JSON和POST META?

好的,我正在使用这个插件:https://github.com/WP-API/WP-API/ 将我的站点转换为rest完整API,效果很好。。然后我使用ths插件添加自定义帖子元:https://wordpress.org/plugins/types/我的问题是,我似乎无法查询url端点以返回我的帖子元,就像我在查询以下内容一样:get_post_meta( $post_id, $key = \'\', $single = false ) 我该怎么办?克里斯