<amp-list>只支持外部json。如何消费本地json？

Question

我正在尝试使用本地json组件，如下例所示：

<div>
  <amp-list layout=fill>
    <script type="application/json">
      {"items":[{"name":"John"},{"name":"Paul"},{"name":"George"},{"name":"Ringo"}]}
    </script>
    <template type="amp-mustache">
      <div>
        Beatles musician: {{name}}
      </div>
    </template>
  </amp-list>
</div>

我得到了以下错误：

标签'amp-list‘中缺少强制属性'src’。了解更多信息。

似乎只支持外部json。

如何在AMP中使用本地(内联) json？

Answer 1

如果在生成文档时json可用，则最好在服务器端解析模板。AMP的原则之一是在适当的层进行工作，在您的情况下，该层在服务器上而不是在用户的浏览器中。

没有办法让AMP运行时按您的要求执行，src属性是强制性的，必须是https URL。

Answer 2

3年后，但万一有人遇到这种情况，也会感到奇怪:根据安培清单文件，您可以使用src="amp-state:YOUR_STATE"作为一种针对本地设置状态的方法。