如何使用<amp-list>中的显示更多按钮设置可见元素的限制？

Question

我应该如何使用来解析json文件，但在页面上显示它的元素数量有限，以便我可以设置一个显示更多按钮来加载更多元素？我用它来制作一个带有放大器电子邮件的文章推荐的块。

也许还有其他方法可以使用可在电子邮件中使用的放大器来实现此块？

我正在尝试使用从amp.dev动态更新的示例，但是当我更改链接到另一个json文件时，它显示文件中设置的每个元素和下一个按钮无法像示例中那样正常工作

Answer 1

您链接的示例使用一个端点，每次获取图像时都会返回一个随机图像。它并不是真正翻阅固定图像列表。

适用于网站的 AMP 格式支持您使用

load-more

的

amp-list

属性描述的内容，但适用于电子邮件的 AMP 不支持它。要实现 AMP for Email 中的行为，您可以执行以下操作：

1. 使用

   amp-list

   显示初始页面
2. 使用

   amp-form

   单击按钮即可显示后续页面。成功提交后，表单可以呈现

   amp-mustache

   模板。用于呈现模板的 JSON 应具有基于完整表单输入的动态大小。
3. 使用

   amp-bind

   操作积分表单输入，例如，每次提交表单时使其增加 10。您可以在按钮上附加一个

   tap

   事件监听器来执行

   setState

   操作来更改

   amp-state

   ，然后提交上述表单。