Я установил свойство состояния, которое представляет собой массив длиной 0-2. Я могу установить это отлично и проверить его при добавлении классов к элементу, например, так:
<a [class]="arrayOfOptions.length < 1 ? 'container disabled' : 'container'" ...>
Это отлично работает. Однако я пытаюсь добавить <amp-animation>, очень похожий на анимацию, описанную здесь Событие тайм-аута HTML AMP, чтобы закрыть лайтбокс через некоторое время , и вот страница JS Bin: https://jsbin.com/bihumomeyi/edit?html,output.
Из примера анимации я вижу, что для запуска анимации мне нужно сделать что-то вроде этого:
<button on="tap:snackbarSlideIn.start">Show Snackbar</button>
Что я хочу сделать, так это разрешить анимацию ТОЛЬКО, если arrayOfOptions.length> 1. Я надеялся, что будет некоторый синтаксис, разрешающий это, например, следующий псевдокод, где я хочу проверить, что .length больше чем 1 перед запуском анимации (соединение фрагментов кода № 1 и № 2 выше):
<button on="tap:arrayOfOptions.length > 1 ? snackbarSlideIn.start : do nothing">Show Snackbar</button>
Возможно ли это вообще в AMP HTML? Если нет, может ли кто-нибудь предложить альтернативное решение? Заранее спасибо.