Google amp组件amp-list无法加载更多内容

Question

我已经激活了AMP实验amp-list-load-more，但是没有用

我的页面https://www.airtonews.com/amp/

 <amp-list src="data/list.json" load-more="manual" load-more-bookmark="next" binding="no" width="auto" height="300" layout="fixed-height"> <amp-list-load-more load-more-button> <template type="amp-mustache"> <div class="url-entry"> <a href="{{url}}">{{title}}</a> </div> </template> <button> See More </button> </amp-list-load-more> </amp-list> 

如何使其工作？ 谢谢！

Answer 1

请参阅“ 更多按钮”文档：

具有load-more-button属性的<amp-list-load-more>元素，具有load-more-clickable属性的按钮，如果存在，则显示在列表的末尾（对于手动加载更多）还有更多要加载的元素。 单击此元素将触发获取操作，以从load-more-src字段或与load-more-bookmark属性对应的返回数据字段中包含的url加载更多元素。

例：

<amp-list load-more src="https://www.load.more/" ...>
  <div load-more-button>
    See More /* My custom see more button */
  </div>
</amp-list>

在<amp-list load-more>元素中包括src属性。 尝试并检查上面的实现。