Amp html 使用amp绑定和amp胡须在amp状态上迭代

我正在尝试为一个电子商务网站制作一个产品页面，问题是我不知道如何根据用户选择的颜色动态更改产品的可用大小

我突然想到要这样做，但我找不到一种方法让amp mustache知道并迭代颜色[selectedColor]。显示该颜色可用大小的大小，有什么想法吗

谢谢大家!

<amp-list src=".../amp/{{ productId }}" items="." single-item=".">
    <template type="amp-mustache">
       <select name="color" on="change:AMP.setState({ selectedColor: event.value })">
            {{#colors}}
                <option value="{{color}}">{{color}}</option>
            {{/colors}}
        </select>
        <select name="size" class="input">
            {{#colors[selectedColor].sizes}}
                <option value="{{size}}">{{size}}</option>
            {{/colors[selectedColor].sizes}}
        </select>
    </template>
</amp-list>

{{{颜色}
{{color}}
{{/colors}
{{{#颜色[selectedColor].sizes}
{{size}}
{{/colors[selectedColor].size}

快速思考：将

大小

数据添加到

放大列表中

并显示为

放大胡须

处理的一部分。我就是这么做的，但当我设置

selectedColor

时，大小未刷新。快速思考：将

大小

数据添加到

amp列表

中，并显示为

amp胡须

处理的一部分。我就是这么做的，但当我设置

selectedColor

时，大小不会刷新。