如何获取使用 AMP 分页的数据

Question

我正在尝试使用 amp 列表获取数据，我想让它分页，所以我已经按照这些步骤操作了 分页放大器列表 正如你所看到的，这是一个可怕的解释，我正在尝试做同样的事情，但我没有得到相同的结果 我已经建立了一个后端，它按页面给我数据http://localhost:3200/api/post?page=1和 AMP

<amp-list width="auto" height="2000" layout="fixed-height" src="http://localhost:3200/api/post" [src]="'http://localhost:3200/api/post?page=' + pageNumber" binding="no" reset-on-refresh>
<template type="amp-mustache">
{{#posts}}
<article class="has-post-thumbnail">
<h3>{{ title }}</h3>
<p>{{content}}</p>
</article>
{{/posts}}
</template>
</amp-list>
<div class="navigation">
<button class="prev" hidden [hidden]="pageNumber < 2" on="tap: AMP.setState({ pageNumber: 1 })">
Previous
</button>
<button class="next" [hidden]="page ? pageNumber >= page.items.pageCount : false" on="tap: AMP.setState({ pageNumber: 2 })">
Next
</button>
</div>
<amp-state id="page" src="http://localhost:3200/api/post" [src]="'http://localhost:3200/api/post?page=' + pageNumber">
</amp-state>

当我单击按钮时没有任何变化

Answer 1

问题只是 [src] 的 amp 只接受 https 的请求