1

我正在构建一个带有amp-list动态填充的 AMP 页面，amp-sidebar以便我可以为我们的 AMP 模板的用户提供我们网站上当前导航的最新版本。

href不幸的是，我传递给 mustache 模板中属性的 URL 似乎导致锚标记被完全删除。

使用以下代码返回原始 ampbyexample.com-example，我得到了相同的结果：

<amp-list width="auto"
  height="100"
  layout="fixed-height"
  src="https://ampbyexample.com/json/examples.json"
  class="m1">
  <template type="amp-mustache"
    id="amp-template-id">
    <div>
      <a href="{{url}}">{{title}}</a>
    </div>
  </template>
</amp-list>

（在这里找到：https ://ampbyexample.com/components/amp-list/ ）

对于每个元素，它只输出：<div>{{title}}</div>.

该url属性肯定存在，因为我可以毫无问题地输出为普通文本。

我的标题包括如下：

    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <script async custom-element="amp-brightcove" src="https://cdn.ampproject.org/v0/amp-brightcove-0.1.js"></script>
    <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
    <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
    <script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>
    <script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>

我错过了什么吗？

-Mxck

更新1：经过更多挖掘，问题似乎与请求来自的域有关。从 localhost:4502 或仅 localhost（端口 80）提供相同的 HTML 使其适用于后者，但不适用于第一个。

这背后的机制是什么？

4

0 回答 0