AMP for Email链接下拉列表

Question

我是AMP电子邮件的新手，我正在尝试创建一些交互式表单以电子邮件形式发送给我的客户。现在，我在AMP for Email的链接下拉实施中面临一个问题。我的要求是基于国家/地区下拉菜单选择的，我必须填写城市下拉列表，以便用户选择他们的城市。
但是根据<amp-list>中的文档
不允许绑定到[src]属性。
那么我该如何在我的放大器中为电子邮件添加链接的下拉功能

请提出建议！

Answer 1

一种解决方案是使用amp-form而不是amp-list并绑定到隐藏的输入元素：

<form id="myForm" method="post" action-xhr="https://example.com">
  <input type="hidden" name="param" value="" [value]="state.param">
  <div submit-success>
    <template type="amp-mustache">
      <!-- your server response template -->
    </template>
  </div>
</form>

<button on="tap:AMP.setState({ state: { param: 'hello' } }), myForm.submit">Bind</button>

另请参阅amp.dev上的Advanced Server Request示例：它演示了如何在用户交互时无缝地将amp-list替换为amp-form。