例如,我有一个可以切换类的放大器选择器:
<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] 的元素) 如何为特定元素设置状态?