amp-list src绑定嵌入式表单将重置选中的项目

Question

在这里使用一个虚拟表单，我有一个产品列表，您可以使用单选按钮来选择数量。当你第一次选择数量2的时候，我相信amp-bind会起作用，它会重新加载amp-list，这样做--被选中的单选按钮就会被遗忘。但在此状态之后的后续点击将被保留。

<amp-list id="paged-amp-list" layout="fixed-height" height="700" src="https://example.net/dev/puritan/amp1/products.php" [src]="'https://example.net/dev/puritan/amp1/products.php?page=' + pageNumber" single-item>
    ....
          <input type="radio" name="Quantity{{itemNumber}}" value="1" checked="checked" on="change:AMP.setState({quantity{{itemNumber}}: event.value})"> 1
          <input type="radio" name="Quantity{{itemNumber}}" value="2" on="change:AMP.setState({quantity{{itemNumber}}: event.value})"> 2
    ....
          <p [text]='quantity{{itemNumber}} + " Selected"'>1 Selected</p>
  </amp-list>

  <amp-state id="page" src="https://example.net/dev/puritan/amp1/products.php" [src]="'https://example.net/dev/puritan/amp1/products.php?page=' + pageNumber"></amp-state>

https://codepen.io/anon/pen/xYmEwy

Answer 1

看起来向单选按钮添加另一个绑定可以修复它。

<input type="radio" name="Quantity{{itemNumber}}" [checked]='quantity{{itemNumber}} == 2' value="2" on="change:AMP.setState({quantity{{itemNumber}}: event.value})"> 2