0

我需要在 AMP 中的每个图像（amp-img 标记）后面添加 URL 以用于电子邮件。我看到当我添加下面的代码来实现这一点时，Gmail 中的图像渲染会消失。有没有办法实现这一目标？如果我从下面删除标签，它会完美运行。

<a href="https://www.samsung.com/uk/tv-accessories/customisable-frame-vg-scft50-vg-scft50be-xc/" target="_blank">
        <amp-img id="c3" width="0" height="0" [width]="updateC3.width" [height]="updateC3.height"  src=
"https://res.m1.email.samsung.com/res/samsung_mid_prod1/779fbea9a74e02d9afd4340c829b5334.JPG"
                class="gfg">
            </amp-img></a>
            <a href="https://www.samsung.com/uk/tv-accessories/customisable-frame-vg-scft50-vg-scft50wt-xc/" target="_blank">
            <amp-img id="c4" width="0" height="0" [width]="updateC4.width" [height]="updateC4.height"  src=
"https://res.m1.email.samsung.com/res/samsung_mid_prod1/2cf8b6496a81bddade877985c6fad11b.JPG"
                class="gfg">
            </amp-img></a>

4

1 回答 1

1

两个图像的初始width和height是0，这意味着图像最初是不可见的。您确实具有使用 将宽度和高度绑定到动态值的[width]和[height]属性amp-bind，但amp-bind直到第一个用户手势或在特殊情况下（例如在刷新amp-list时评估模板中的绑定）时才评估绑定。amp-list

如果图像不在 的模板中amp-list，则图像的宽度和高度将保持为 0，直到第一个用户手势。在这种情况下，您确实需要为它们提供非零宽度和高度才能使图像可见。

于 2021-10-07T16:46:51.360 回答