нажмите: AMP.setState не работает периодически - PullRequest
Новая
       21

нажмите: AMP.setState не работает периодически

0 голосов
/ 29 мая 2018

tap: AMP.setState иногда не работает, но работает, когда я перезагружаю страницу.

<div class="padTop20">
    <a [class]="model.nextStep.expand ? 'hide' : 'show'" role="button" class="show" on="tap:AMP.setState({model:{nextStep:{expand: true}}})" id="showmore">Show more</a>
    <a [class]="model.nextStep.expand ? 'show' : 'hide'" role="button" class="hide" on="tap:AMP.setState({model:{nextStep:{expand: false}}})" id="showless">Show less</a>
</div>

Вот мое состояние по умолчанию: 

<amp-state id="model">
        <script type="application/json">
            {              
               "nextStep":{  
                  "expand":false
               }
            }
        </script>
    </amp-state>

Это что-то из-за сети, которая заставляет его так себя вести ??Ценим за любую помощь!спасибо!

1 Ответ

0 голосов
/ 27 июня 2018

Вы должны попробовать;

[class] = "(model.nextStep.expand == 'true')? 'Hide': 'show'"

и

[class] = "(model.nextStep.expand == 'false')? 'Show': 'hide'"

При загрузке страницы, как только загружается DOM, ваше начальное состояние (false) и [class] отображается из-за amp-bind.

Вы не опубликовали много сообщений о каких-либо ошибках консоли или ошибках валидации, с которыми вы можете столкнуться при использовании AMP (что повлияет на функциональность, еслиты сделал что-то странное / неправильное)

...