相关疑难解决方法(0)

WP Rest API + AngularJS:如何抓住特色图片在页面上显示?

我通过HTTP REST API插件访问Wordpress数据(这个wordpress插件:http://v2.wp-api.org/).我知道如何抓住我的帖子标题,但如何使用此插件显示与该帖子相关的精选图片?我的测试显示了帖子标题和特色图片ID,但我不确定如何显示实际图像.测试例.

这是我的代码:

    <div ng-app="myApp">
    <div ng-controller="Ctrl">
        <div ng-repeat="post in posts | limitTo: 1">
            <h2 ng-bind-html="post.title.rendered"></h2>

            <p>{{ post.featured_image }}</p>

        </div>
    </div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-sanitize.min.js"></script>

<script>

var app = angular.module('myApp', ['ngSanitize']);
    app.controller('Ctrl', function($http, $scope) {
        $http.get("http://ogmda.com/wp/wp-json/wp/v2/posts").success(function(data) {
        $scope.posts = data;
    });
});

</script>
Run Code Online (Sandbox Code Playgroud)

rest wordpress angularjs wp-api

7
推荐指数
2
解决办法
8868
查看次数

标签 统计

angularjs ×1

rest ×1

wordpress ×1

wp-api ×1