amp-bind 无法在 AMP 故事中更改元素的 class

Question

我在 AMP 故事页面中创建了侧边栏。

在边栏内，我有一个带有链接和子菜单的菜单。当使用此代码

单击其父级时，我正在尝试向子菜单项添加 "active" class

<div class="caret" on="tap:AMP.setState({sidebar.openMenu: 1})">

并使用

抓住子菜单项中的开关

<ul [class]="sidebar.openMenu ? 'active' : ''" class="subMenu">

问题是当我点击父菜单项时，出现控制台错误

AMP.setState 未列入白名单

出现并且没有任何变化。

如何将 AMP 故事页面边栏中的 AMP.setState 操作列入白名单？

Answer 1

您不需要 amp-bind 创建多级 amp-sidebar 导航，use AMP actions and events instead.

amp-bind not working inside to change an element's class inside AMP Story