AMP中的动态setState

Question

我的amp状态是这样的：

<amp-state id="smartBannerData">
<script type="application/json">
    {   
        "0":  {
            "imgSrc": "https://cdn.voicetube.com/assets/img/banners/smartbanner-jp-20200116.jpg"
        },
        "1":  {
            "imgSrc": "https://cdn.voicetube.com/assets/img/banners/smartbanner-branding-jp.jpg"
        }
    }
</script>
</amp-state>
<amp-img
      alt=""
      src="https://cdn.voicetube.com/assets/img/banners/smartbanner-jp-191205.png"
      width="500"
      height="100"
      layout="responsive"
      [src]="smartBannerData[currentImg].imgSrc"
    >
</amp-img>
<button on="tap:AMP.setState({currentImg: '0'})">1</button>
<button on="tap:AMP.setState({currentImg: '1'})">2</button>

如果我单击这些按钮，图像将动态更改。我想在页面加载时随机更改imgSrc：

<amp-script  script="smart-banner">
    <p>
        test
    </p>
</amp-script>

<script id="smart-banner" type="text/plain" target="amp-script">
setTimeout(function(){  AMP.setState({currentImg: '1'}); }, 2000)
</script>

但是图像不会改变..我是AMP的新手，有没有人能帮我解决这个问题？

Answer 1

你能尝试下一种方法吗？

<button on="tap:AMP.setState({currentImg: floor(random()*(100-0)+0) })"></button>

100是最大值，0是最小值。如果你愿意，你可以换掉这个保鲜物。

致以最好的问候，V。