amp-html - amp-bind 无法在内部更改 AMP Story 中的元素类

Question

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

在侧边栏中，我有一个带有链接和子菜单的菜单。当使用此代码单击其父项时，我正在尝试向子菜单项添加一个“活动”类

<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导航，而是使用 AMP 操作和事件。