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屬性。 嘗試並檢查上面的實現。