时间戳

首页 > 解决方案 > 用于电子邮件链接下拉菜单的 AMP

email - 用于电子邮件链接下拉菜单的 AMP

问题描述

我是 AMP for Email 的新手，我正在尝试创建一些交互式表单以作为电子邮件发送给我的客户。现在，我在 AMP for Email 中的链接下拉实现中遇到了一个问题。我的要求是基于国家下拉选择我必须填写城市下拉列表让我的用户选择他们的城市。
但是根据<amp-list>
Binding to the [src] 属性中的文档是不允许的。
那么如何在我的放大器中为电子邮件执行链接下拉功能

请建议！

标签： emaildropdownamp-htmlamp-email

解决方案

一种解决方案是使用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 上的高级服务器请求示例：它演示了如何在用户交互时无缝地将 amp-list 替换为 amp-form。

推荐阅读