tap：AMP.setState不能間歇性地工作

Question

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>

是因為網絡使它的行為像這樣嗎？ 感謝您的幫助！ 謝謝！

Answer 1

你應該試試;

[class] =“（model.nextStep.expand =='true'）？'隱藏'：'顯示'”

和

[class] =“（model.nextStep.expand =='false'）？'show'：'hide'”

在頁面加載時，一旦加載DOM，就會觸發您的初始狀態（false），並由於amp-bind而呈現[class]。

關於AMP可能遇到的任何控制台錯誤或驗證錯誤，您發布的內容不多（如果您做的事情很奇怪/錯誤，將會影響功能）