0

例如，我有一个可以切换类的放大器选择器：

<amp-selector id="regions" on="select:AMP.setState({selected: {region: event.targetOption}})">
        <option option="US" value="US">US</option>
        <option option="Europe" value="Europe">Europe</option>
        <option option="Asia" value="Asia">Asia</option>
</amp-selector>

<div class="regionOptions">
    <p [class]="selected.region == 'US' ? 'visible' : ''" class="visible">US</p>
    <p [class]="selected.region == 'US' ? 'visible' : ''" class="visible">US</p>
    <p [class]="selected.region == 'Europe' ? 'visible' : ''" class="visible">Europe</p>
    <p [class]="selected.region == 'Asia' ? 'visible' : ''" class="visible">Asia</p>
</div>

在选择事件时，AMPsetState将应用于页面上的所有其他 AMP 元素（amp-selectors、amp-lists、其他带有 amp [class] 的元素） 如何为特定元素设置状态？

4

0 回答 0