Wordpress& Angular:如何从具有页面ID的其他页面获取数据

时间:2016-04-05 09:46:26

标签: angularjs wordpress

我对Angular很新,但我已经成功设置了list.html模板,以便使用WP API的V2在Wordpress中显示帖子。 现在,我想在帖子列表上方的另一个页面显示一些(ACF)字段。我也安装了ACF API插件,它确实适用于帖子。

我根本不知道如何引用正确的页面ID,或者我是否需要为此设置另一个控制器。

<!-- try to get data out of page id 2 > http://www.example.com/wp-json/acf/v2/page/2 -->
<h1 ng-bind-html="pages:2.acf.title">not working...yet...</h1>

正如你所看到的那样&#34;:2&#34;可能没有任何意义,但我找不到任何关于如何正确执行此操作的参考。

提前感谢您的帮助!

顺便说一句。这是我的list.html模板/部分的完整代码:

<!-- try to get data out of page id 2 > http://www.example.com/wp-json/acf/v2/page/2 -->
<h1 ng-bind-html="pages:2.acf.title">not working...yet...</h1>



<div class="post-list">
    <article ng-repeat="post in posts | orderBy:'date'"  class="col-md-2">
        <div>
            <div class="date-wrap">
                <h6 class="event-date">{{post.title.rendered}}</h6>
            </div>
            <!-- <div ng-bind-html="post.content.rendered | to_trusted"></div> -->
            <div ng-if="post.acf.event_title">

            <div class="post-data-container">
                <p>{{post.acf.event_title}}</p>
                <p ng-if="post.acf.conversation_with">A conversation with {{post.acf.conversation_with}}</p>
                <p>{{post.acf.about_or_by}} {{post.acf.lecture_from}} </p>
            </div>
                <img ng-src="{{post.acf.portrait.sizes.thumbnail}}" />
            </div>
            <div ng-if="!post.acf.event_title">No Event Title</div>
            <a ui-sref="detail({id: post.id})">Click here to read more</a>
        </div>
    </article>
</div>

1 个答案:

答案 0 :(得分:0)

您是否从 OTHER 帖子中获取了ACF数据?它是JSON对象的一部分返回到视图吗?如果是,你只会指出这一点。要验证它,请访问yourdomain.com/posts/:id,其中id是您正在查看的帖子,并查看OTHER帖子的ACF数据是否存在。

如果不是,您需要创建一个控制器或其他功能,再次针对其他帖子的数据点击API,所以$ scope.other_post = getPost({id:OtherPostID});

有意义吗?