Amp html 使用amp列表在AMP4HTML中创建动态amp转盘

我想使用amp列表为AMP4Email创建一个动态amp转盘

我构建了一个通过验证的模板，但当将其放入时，旋转木马不起作用

这在AMP4Email中是不可能的吗？它似乎工作良好，在放大器一般基于

呈现旋转木马的代码部分

<amp-list src="https://amp-templates.com/templates/api/1.json"
  layout="fixed-height"
  height="400">
  <template type="amp-mustache">
    <amp-carousel id="links-carousel"
      height="400"
      layout="fixed-height"
      type="slides">
        {{#default}}
          {{#images}}
            <div>
              <a href="{{link}}" class="carousel-link">
                <amp-img
                  class="contain"
                  layout="fill"
                  src="{{image}}"
                  alt="photo courtesy of Unsplash"></amp-img>
                  <div class="caption">
                    <p>{{description}}</p>
                  </div>
              </a>
            </div>
          {{/images}}
        {{/default}}
    </amp-carousel>
  </template>
</amp-list>

{{/images}
{{/默认值}

当你说“不工作”时，你是指旋转木马没有出现吗

您的代码在AMP电子邮件平台（或实际的AMP电子邮件）中无法正常工作，因为列表“”的src在其响应中没有发回正确的CORS头。尝试打开控制台和网络请求，您应该能够完全理解我的意思

由于src是远程的，AMP规范强制执行许多额外的安全要求，为了获取json文件，您必须遵守这些要求。可以找到电子邮件的标题，而需要的标题的更完整列表是

我可以通过自己托管JSON并将其添加到我的htaccess中来确认此问题影响了您的代码：

# AMP
Header add Access-Control-Allow-Origin "*"
Header add AMP-Access-Control-Allow-Source-Origin "amp@gmail.dev"
Header add Access-Control-Allow-Source-Origin "AMP-Access-Control-Allow-Source-Origin"
Header add access-control-expose-headers "AMP-Access-Control-Allow-Source-Origin"

我把它放在一个临时主机上，位于“”，您可以用它替换您的src进行验证

---

您在控制台中遇到错误了吗？就是这样！谢谢你，约书亚。添加了这些标题，现在一切正常。