<amp-list height="100" items="." src="/documentation/examples/api/time" single-item [src]="'/documentation/examples/api/time'">
  <template type="amp-mustache">
    <button disabled [disabled]="pageNumber < 2" on="tap: AMP.setState({ pageNumber: pageNumber - 1 })">
       left
    </button>
    <button hidden [hidden]="pageNumber - 1 <= 0" on="tap: AMP.setState({ pageNumber: pageNumber - 1 })" [text]="pageNumber - 1"></button>
    <span [text]="pageNumber">1</span>
    <button [hidden]="pageNumber + 1 > page.items.pageCount" on="tap: AMP.setState({ pageNumber: pageNumber + 1 : 2 })" [text]="pageNumber + 1">2</button>
    <button [disabled]="pageNumber >= page.items.pageCount" on="tap: AMP.setState({ pageNumber: pageNumber + 1 : 2 })">
       right
    </button>
   </template>
</amp-list>