amp-img not gettnig在具有空状态

时间:2018-03-16 07:24:46

标签: amp-html

我正在使用来自amp-list的src实现包含amp-img的{​​{1}}。以下是代码:

amp-state

当我在此处设置<amp-state id="cars" [src]="'/api/cars/?id=' + (carId || '')"> <script type="application/json"> [] </script> </amp-state> <amp-list id="car-list" layout="fixed-height" src="cars" [src]="cars" height="0" [height]="200 * cars.length" items="."> <template type="amp-mustache"> <li> <h4 class="margin-bottom10"> <a target="_blank" href="{{Url}}" class="carName">{{CarName}}</a> </h4> <div class="carThumb"> <a class="imgholder" target="_blank" href="{{Url}}"> <amp-img layout="responsive" width="50" height="50" src="{{HostUrl}}{{^HostUrl}}https://img.cdn.com/{{/HostUrl}}300x300{{ImgPath}}{{^ImgPath}}/grey.gif{{/ImgPath}}" /> </a> </div> </li> </template> </amp-list> 时,数组将绑定到carId并呈现列表。在此列表中,carName可见,但amp-state未呈现(amp-img标记未在img中添加)。可能的原因是什么?

我尝试定义amp-img没有空数组,如下所示:

amp-state

在这种情况下,图像正在渲染,但我在与<amp-state id="cars" [src]="'/api/cars/?id=' + (carId || '')"> </amp-state> 相关的cosole中出现以下错误:

amp-list

此错误的原因是什么?实现这个的正确方法是什么?

0 个答案:

没有答案