Amp html 具有状态设置事件的多个放大器选择器
我在一个页面上有两个放大器选择器元素:Amp html 具有状态设置事件的多个放大器选择器,amp-html,amp-selector,Amp Html,Amp Selector,我在一个页面上有两个放大器选择器元素: <amp-selector layout="container" on="select: AMP.setState({ a1SelectedOption: event.targetOption })"> <div option="a" selected>Option A</div> <div option="b&quo
<amp-selector layout="container" on="select: AMP.setState({
a1SelectedOption: event.targetOption
})">
<div option="a" selected>Option A</div>
<div option="b">Option B</div>
</amp-selector>
<amp-selector layout="container" on="select: AMP.setState({
a2SelectedOption: event.targetOption
})">
<div option="c" selected>Option C</div>
<div option="d">Option D</div>
</amp-selector>
我不清楚如何解决
设置独立于其他amp选择器的变量值的适当方法是什么?amp事件模型似乎会触发所有要评估的状态值,因此它会以空值闪烁其他变量
为防止出现这种情况,必须使用默认值初始化变量,即
<amp-state id="a1SelectedOption"><script type="application/json"> "a" </script></amp-state>
<amp-state id="a2SelectedOption"><script type="application/json"> "c" </script></amp-state>
“a”
“c”
<amp-state id="a1SelectedOption"><script type="application/json"> "a" </script></amp-state>
<amp-state id="a2SelectedOption"><script type="application/json"> "c" </script></amp-state>