Question

我有一个amp-list我希望动态更新其src而不使用form，只需使用一组使用来自{{1}的数据的按钮div在元素上点击更改。

例如，点按amp-state会将#elementOne更改为product.currentIndex，因此列表的1将更改为[src] = 'localhost/example/data?page=' + product.currentIndex，因此'localhost/example/data?page=1'更改后会更新amp-list。

这是我到目前为止所尝试的内容：

src

有没有办法在不使用表单的情况下执行此操作？

Answer 1

只需将amp-list的src属性绑定到计算的url字符串，如下所示： [src]="'/example/data/?page=' + product.page"

您的标记应如下所示：

<amp-list width="auto" height="1024" layout="fixed-height" 
      src="localhost/example/data" [src]="'/example/data/?page=' + product.page">
<template id="product-item-template">
    <!-- A template -->
</template></amp-list>

更新没有表单的amp-list数据源

1 个答案: