Блог

У меня есть два amp-live-списка (которые связаны) Один показывает текущие события, а другой показывает только выделенные события из другого списка.

Прямо сейчас мне нужна одна кнопка для каждого текущего списка, но я хочу вызвать функцию обновления с помощью той же кнопки.

Выделить список:

 <amp-live-list id="highlights-live-list" layout="container" data-poll-interval="15000" data-max-items-per-page="5" >
<button update class="ampstart-btn ml1 caps" on="tap:highlights-live-list.update">Hay actualizaciones nuevas</button>
<div items> 
        <!-- Items goes here -->
</div>
</amp-live-list>
  

Второй список

 <amp-live-list id="live-list" layout="container" data-poll-interval="15000" data-max-items-per-page="5" >
<button update class="ampstart-btn ml1 caps" on="tap:live-list.update">Hay actualizaciones nuevas</button>
<div items> 
        <!-- More items here-->
</div>
</amp-live-list> 
  

Я хочу вызвать

 tap:highlights-live-list.update 
  

и

 tap:live-list.update
  

С помощью той же кнопки

Для нескольких действий для события можно использовать запятую:

 on="tap:target1.actionA,target2.actionB"
  

Смотрите
https://www.ampproject.org/docs/interaction_dynamic/amp-actions-and-events