可以在状态条件为true时触发AMP HTML amp动画吗?

时间:2019-05-23 00:02:06

标签: javascript html css frontend amp-html

我设置了一个state属性,该属性是一个长度为0-2的数组。我可以将其设置得很好,并在将类添加到这样的元素时对其进行测试:

  1. <a [class]="arrayOfOptions.length < 1 ? 'container disabled' : 'container'" ...>

这很好。但是,我试图添加一个<amp-animation>,该动画与此处AMP HTML timeout event to close lightbox after some time所述的动画非常相似,这是JS Bin页面:https://jsbin.com/bihumomeyi/edit?html,output

从动画示例中,我看到要触发动画,我需要执行以下操作:

  1. <button on="tap:snackbarSlideIn.start">Show Snackbar</button>

我想做的是仅当arrayOfOptions.length> 1时才允许动画发生。我希望有某种语法可以允许这样做,例如下面的伪代码,我要测试.length大于在开始动画之前1(上面#1和#2代码段的结合):

  1. <button on="tap:arrayOfOptions.length > 1 ? snackbarSlideIn.start : do nothing">Show Snackbar</button>

在AMP HTML中这是否可能?如果没有,有人可以提供替代解决方案吗?预先感谢。

0 个答案:

没有答案