Выполните итерацию в состоянии amp с привязкой amp и усами amp - PullRequest
Новая
       20

Выполните итерацию в состоянии amp с привязкой amp и усами amp

1 голос
/ 29 сентября 2019

Я пытаюсь создать страницу продукта для сайта электронной коммерции, проблема в том, что я не знаю, как динамически изменять доступные размеры продукта в зависимости от цвета, который выбирает пользователь.

Мне пришло в голову сделать что-то подобное, но я не могу найти способ, чтобы amp-усы знали и перебирали цвета [selectedColor] .sizes, чтобы показать размеры, доступные для этого цвета, любые идеи ??

Спасибо! 

<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>
...