AMP-使用amp-sort进行初始排序

时间:2018-10-19 09:42:59

标签: amp-html

如何在页面加载时对列表进行初始排序?

参考https://dereklewis.github.io/amp-docs/docs/reference/components/amp-sort/,我正在玩此列表:

Green Hoodie - $20
Red Shirt - $30
Blue T-Shirt - $10
White T-Shirt - $17.50

这是源代码

<amp-sort id="priceSorter"
  sort-by="data-price"
  sort-direction="desc"
  value-type="number">
  <button on="tap:priceSorter.sort();">Sort by price: highest first</button>
  <ul>
    <li data-price="20">Green Hoodie - $20</li>
    <li data-price="30">Red Shirt - $30</li>
    <li data-price="10">Blue T-Shirt - $10</li>
    <li data-price="17.5">White T-Shirt - $17.50</li>
  </ul>
</amp-sort>

我不能使用自定义JavaScript,因为这是AMP。 我应该设置什么,以便此列表在页面加载时排序,而不在点击时排序?

1 个答案:

答案 0 :(得分:0)

AMP小组决定不实施amp-sort

  

因为用例可以是,所以不再计划启动此组件   通过amp-list,amp-state和amp-bind处理。请参阅   https://ampbyexample.com/samples_templates/product_browse_page/

https://github.com/ampproject/amphtml/issues/8691#issuecomment-431446158

在您的情况下,这意味着安培列表使用的数据终结点需要首先以正确的顺序返回元素。