AMP 在事件后添加 class

Question

我唯一相关的是 "toggle" 事件，但与我在 AMP 中触发事件时添加 class 无关。

我有一个表单要提交，我想给父元素添加一个 class 来改变背景的颜色，这样我就可以显示一个不同的 "look" 表示成功表格。

怎么做？

Answer 1

<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>

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

AMP 在事件后添加 class

AMP Add a class after an event

events

triggers

amp-html