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

【问题标题】：AMP - Initial sorting with amp-sortAMP - 使用 amp-sort 进行初始排序
【发布时间】：2018-10-23 02:02:27
【问题描述】：

如何让我的列表在页面加载时进行初始排序？

参考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。我应该设置什么，以便此列表在页面加载时排序，而不是在点击时排序？

【问题讨论】：

标签： amp-html

【解决方案1】：

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

在您的情况下，这意味着您的 amp-list 使用的数据端点最初需要以正确的顺序返回元素。

【讨论】：