Amp html 不能在amp胡须内使用amp img?

Amp html 不能在amp胡须内使用amp img?,amp-html,Amp Html,首先,我的项目是使用Laravel框架 我正在使用amp列表动态呈现我的内容。 这就是我的模板的样子 @verbatim <template type="amp-mustache" id="product-card-template"> <a class="no-underline db flex relative" href="{{ url }}" rel="nofollow&q

首先,我的项目是使用Laravel框架

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

@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内的attribute
src
外,一切正常。我可以确保字段
{{image}}
不是空的,但是有些how-amp-mustache无法将其传递到amp-img中。其他属性正在成功获取值。

您是否尝试将escape与小胡子一起使用?不幸的是,我无法复制您的代码进行检查,因为我不熟悉Laravel,但在我使用把手组合的实践中,此技巧有所帮助,即:

BRGDS,
Vasily

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


我删除了空格,效果很好。仍然不知道为什么只有
src
attribute对空格进行编码,

您可以分享amp img src的示例值吗?AMP运行时正在将AMP notsupported类添加到AMP img,这可能表明您试图显示的图像存在问题。要测试的另一件事是,您是否能够显示相同的amp img,并且在amp列表之外有一个硬编码的src。这是图像URL之一。如果我将这个值硬编码为amp img,将它放在amp列表内或amp列表外,我可以看到显示的图像。嗯,这很奇怪。我经常和AMP一起工作,没有遇到过这个具体的问题,所以我的好奇心达到了顶峰。您是否介意分享一个用于amp列表的JSON示例,或者设置一个JSFIDLE来显示问题?我在@JaredD发布了我的错误修复程序