Let's start with a simple example with the following code (full code at /ch7/amp-live-list-example.html):
<amp-live-list id="my-live-list" data-poll-interval="20000" data-max-items-per-page="10"> <button update on="tap:my-live-list.update"> Show latest updates! </button> <div items> <div id="item-1" data-sort-time="1">Item #1</div> <div id="item-2" data-sort-time="2">Item #2</div> <!-- <div id="item-3" data-sort-time="3">Item #3</div> --> <!-- <div id="item-4" data-sort-time="1">Item #4</div> --> <!-- <div id="item-4" data-sort-time="1" data-update-time="6">Item #4 update!</div> --> <!-- <div id="item-1" data-sort-time="1" data-tombstone>Item #1</div> --> </div></amp-live-list>
Here, we have two items with ...
