我正在使用来自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
此错误的原因是什么?实现这个的正确方法是什么?