0

我试图弄清楚如何构建动态的放大器故事。
假设我有一个这样的网站：https://example.com/stories/:slug. 此页面应首先从我的服务器（它输出一些 json 数据）获取故事的数据（使用此 slug），然后将数据呈现为 amp-story。

我的第一次尝试是在 amp-list / amp-mustache 模板中使用故事（我删除了所有属性以获得更小的示例）：

...
<body>
  <amp-list>
    <template type="amp-mustache">
      <amp-story standalone>
        {{#items}}
          <amp-story-page id="{{id}}">
            ...
          </amp-story-page>
        {{/items}}
      </amp-story>
    </template>
  </amp-list>
</body>
...

现在，我收到此验证错误：

标签'amp-story'的父标签是'template'，但它只能是'body'。

所以这是不允许的......如果我像这样切换某些元素的顺序：

<body>
  <amp-story standalone>
    <amp-list>
      <template type="amp-mustache">
        {{#items}}
          <amp-story-page id="{{id}}">
            ...
          </amp-story-page>
        {{/items}}
    </template>
  </amp-story>
</body>

页面的验证器声明：

故事必须至少有一页。

所以这也是不允许的。

那么，甚至可以构建这样的故事还是我必须使用服务器来创建我的故事页面？

4

0 回答 0