我试图用来自 API 的数据填充 AMP 状态,用于 AMP 电子邮件。我们需要从 API 提供数据,因为它可以同时动态变化。
根据AMP4email 文档,状态可以从子<script>
元素或src
包含 CORS URL 到远程 JSON 端点的属性填充,但不能同时填充。
实际上,添加src
到amp-state
将引发以下验证错误:
The attribute 'src' may not appear in tag 'amp-state (AMP4EMAIL)'
在AMP 游乐场
您可以通过将以下代码复制到 Playground 来测试它。
<!doctype html>
<html ⚡4email>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
<style amp4email-boilerplate>body{visibility:hidden}</style>
</head>
<body>
<amp-state id="fruits" src="https://amp.dev/static/samples/json/related_products.json"></amp-state>
</body>
</html>
这是官方验证器的问题,还是文档的问题?