HTML – AMP：切换CSS类的简单方法？

概述我正在构建一个加速移动页面(AMP)模板,并想知道是否有一种简单的方法可以在选项卡上切换CSS类. 我知道的事情如下： <h2 class="headline" on="tap:list.toggleVisibility"><ul id="list"></ul> 但这会写入内联样式 – 我宁愿切换自定义CSS类,但却无法在AMP页面上找到示例. 带有< h2 [class] =“my 我正在构建一个加速移动页面(AMP)模板,并想知道是否有一种简单的方法可以在选项卡上切换CSS类.

我知道的事情如下：

<h2     on="tap:List.toggleVisibility"><ul ID="List"></ul>

但这会写入内联样式 – 我宁愿切换自定义CSS类,但却无法在AMP页面上找到示例.

带有< h2 [class] =“myclasses”>等绑定的AMP.setState看起来像是要走的路,但 *** 纵状态对他们给你的工具来说相当困难……

解决方法 这可以通过 amp-bind完成.您可以使用隐式状态变量,例如可见,跟踪当前状态.这是一个切换两个类显示和隐藏的示例：

<button [text]="visible ? 'Show Less' : 'Show More'"            on="tap:AMP.setState({visible: !visible})">    Show More  </button>  <p [class]="visible ? 'show' : 'hIDe'" >    Some more content.  </p>

Full sample on JSBIN

总结

以上是内存溢出为你收集整理的HTML – AMP：切换CSS类的简单方法？全部内容，希望文章能够帮你解决HTML – AMP：切换CSS类的简单方法？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。