多个AMP setState事件?

时间:2018-04-23 15:04:56

标签: amp-html

我正在通过从ERP系统的API中提取JSON数据来构建可过滤的库存清单。我的目的是有多个下拉菜单,既可以通过上一个下拉列表进行过滤,也可以过滤库存清单。

No styling yet, but this is the basic structure of what I'm doing.

希望有一种方法可用于允许使用amp-state组件进行多个“on”事件。这是我目前在选择菜单中所做的事情:

on="change:AMP.setState({inventoryMachineType: inventory.items.filter(a => event.value == 'all' ? true : a.Type == event.value)});change:AMP.setState({oem: dropdown.items[0].type.filter(x => x.name == event.value)[0]})"

我尝试用逗号,分号分隔两个setState事件,并将它们分成两个单独的“on”事件。我开始认为这在AMP中可能是不可能的,但我想是否有人有解决方案。

如果事实证明不可能,我将只使用一个按钮来过滤数据,而不是在用户更改菜单时实时过滤。

1 个答案:

答案 0 :(得分:3)

我是个白痴。我的逗号分离错了。需要在大括号内,而不是两组独立的大括号(即;更改:AMP.setState({action1,action2})< - 正确与更改:AMP.setState({action1},{action2}) < - 不正确。。

on="change:AMP.setState({inventoryMachineType: inventory.items.filter(a => event.value == 'all' ? true : a.Type == event.value),oem: dropdown.items[0].type.filter(x => x.name == event.value)[0]})"