时间戳

首页 > 解决方案 > AMP 在事件后添加一个类

events - AMP 在事件后添加一个类

问题描述

我唯一相关的是“切换”事件，但与我在 AMP 中触发事件时添加类无关。

我有一个要提交的表单，我想向父元素添加一个类来更改背景颜色，这样我就可以显示与表单不同的成功“外观”。

怎么做？

标签： eventstriggersamp-html

解决方案

<amp-state id="className">
   <script type="application/json">
    {
         "changeClass": ""
    }
   </script>
</amp-state>

 <p 
   class="beforeclick" 
   [class]="className.changeClass == 'newClass' ? 'afterclick' : 'beforeclick' 
   ">Hello World
 </p>

 <button on="tap:AMP.setState({className:{changeClass: 'newClass'})">Click</button>

当您单击按钮时，它会查找将 changeClass 变量更改为 ClassName 状态并将 newClass 值分配给它。并且该值将分配给动态 [class] 并将类值更改为新值。这很简单。

推荐阅读