不能在 amp-mustache 中使用 amp-img？

Question

首先，我的项目正在使用 Laravel 框架。

我正在使用 amp-list 动态呈现我的内容。这就是我的模板的样子

@verbatim
<template type="amp-mustache" id="product-card-template">
    <a class="no-underline db flex relative" href="{{ url }}" rel="nofollow">
        <amp-img width="1" height="1" layout="responsive" class="center" src="{{ image }}" alt="{{ name }}">
        </amp-img>
    </a>
</template>
@endverbatim

但这就是浏览器呈现的内容

<a target="_top" rel="nofollow" href="https://dev-boost-my.iprice.mx/v2/levtop-back-support" class="no-underline db flex relative">
    <amp-img alt="Back Support" src="" class="center i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout amp-notsupported" layout="responsive" height="1" width="1" i-amphtml-ignore="" i-amphtml-layout="responsive">
        <i-amphtml-sizer slot="i-amphtml-svc" style="padding-top: 100%;"></i-amphtml-sizer>
        <img decoding="async" alt="Back Support" src="" class="i-amphtml-fill-content i-amphtml-replaced-content i-amphtml-ghost">
    </amp-img>
</a>

除 amp-img 中的 src 属性外，一切正常。我可以确保字段 {{ image }} 不为空，但有些 amp-mustache 无法将其传递到 amp-img。其他属性正在成功取值。

Answer 1

你试过用小胡子逃生吗？不幸的是，我无法重现您的代码来检查，因为我不熟悉 Laravel，但在我使用车把组合的实践中，这个技巧有所帮助，即：

<a class="no-underline db flex relative" href="\{{url}}" rel="nofollow">

BRGDS，瓦西里

Answer 2

问题是我将 spaces 放在 src 属性中，当我查看页面的源代码时，它被编码成这样 src={{%20image%20}}。

我删除了 spaces，它工作正常。仍然不知道为什么只有 src 属性编码 space,

不能在 amp-mustache 中使用 amp-img？

Cannot use amp-img inside amp-mustache?

amp-html