AMP Добавить класс после события - PullRequest
Новая
       3

AMP Добавить класс после события

0 голосов
/ 08 октября 2018

Единственное, что у меня есть, это событие "toggle", но ничего, что связано только с добавлением класса, когда я запускаю событие в AMP.

У меня есть форма для отправки, и я хочу добавитькласс к отцовскому элементу, чтобы изменить цвет фона, чтобы я мог показать «внешний вид» успеха, отличный от формы.

Как это сделать?

1 Ответ

0 голосов
/ 09 октября 2018 
<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.И это значение будет присвоено динамическому [классу] и изменит значение класса на новое значение.это довольно просто.

...