AMP在活动后添加课程

Question

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

我有一个要提交的表单，我想向父元素添加一个类以更改背景的颜色，以便与表单相比可以显示出不同的“外观”。

该怎么做？

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>

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