Google amp 组件 amp-list 加载更多不起作用

【问题标题】：Google amp component amp-list load more did not workGoogle amp 组件 amp-list 加载更多不起作用
【发布时间】：2019-02-01 21:45:48
【问题描述】：

我已经激活了 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>

如何使它工作？谢谢！

【问题讨论】：

标签： amp-html amp-list

【解决方案1】：

请参考load-more-button 文档：

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

例子：

<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 属性。尝试检查上面的实现。

【讨论】：