如何在AMP轮播中使用重复

时间:2018-10-08 12:03:07

标签: carousel amp-html amp-list amp-mustache

我有一个AMP-LIST,其中包括几个items,每个item都有一些属性。这些属性之一是应该在AMP-CAROUSEL内部使用的Images数组。像这样的方案:

    <amp-list src="A/JSON/URL">
        <h2>{{somthing}}</h2>
        <p>{{somthing}}</p>
        <amp-carousel>
             ** AN ARRAY IS NEEDED TO BE RENDERED INSIDE HERE**
        </amp-carousel>
    </amp-list>

如何为每个项目在轮播中呈现IMAGES数组,它是ITEMS数组的一部分

{
  items: [
    {
       prop:value1,
       images:['image1URL','image2URL','image3URL',....],
    },

    {
       prop:value2,
       images:['image4URL','image5URL',....],
    },
  ]
}

1 个答案:

答案 0 :(得分:0)

***解决的问题: 顺便说一下,这是一个AMP-HTML项目。 我设法通过将html代码更改为此来获得结果:

    <amp-list src="A/JSON/URL">
        <h2>{{somthing}}</h2>
        <p>{{somthing}}</p>
        <amp-carousel>
             {{#TheImageArray}}
                 <img src={{theURL}} />
             {{/TheImageArray}}
        </amp-carousel>
    </amp-list>