与嵌入式表单结合的AMP列表SRC将重置检查项目

Question

使用虚拟表单，我有一个产品列表，您有可以选择数量的无线电按钮。当您第一次选择数量2时，我相信AMP绑定会踢进来，然后重新加载AMP列表，然后这样做 - 被检查的广播按钮被遗忘了。但是此后随后单击 - 保留状态。

<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