amp-html - 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

请参阅加载更多按钮文档：

具有属性的<amp-list-load-more>元素与具有load-more-button 属性的按钮，load-more-clickable如果有更多要加载的元素，则显示在列表的末尾（用于手动加载更多）。点击这个元素会触发一个fetch，从包含在字段中的url或者返回的数据对应的load-more-bookmark属性的字段中加载更多的元素。load-more-src

例子：

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

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