amp-consent元素内的amp-list并不总是有效

时间:2018-04-30 16:30:49

标签: amp-html accelerated-mobile-page

通常我想在本教程后实现放大器同意:

basic user consent

但由于某种原因,应通过amp-list加载的元素并不总是出现在amp-consent元素中。

只要amp-list块放在amp-list之外,其内容就会立即可见。

为什么会如此以及如何显示amp-list内容以及prompt-ui?

1 个答案:

答案 0 :(得分:0)

显然AMP对使用amp-list生成结果有一些内置限制而没有指定任何特定操作,但您可以通过触发一个来解决这个问题。 承认这不是最好的解决方案,但它确实有效。

只需在放大器同意组件中添加另一个div-Element,并在源div容器中放置一个按钮(显示另一个div容器)。

on="tap:targetContainer.show,sourceContainer.hide" 

根据您已应用的服务和结果量,现在应该可以看到通过调用终点生成的列表。

<div id="targetContainer" hidden class="message">    
    <amp-list width="auto" height="132" layout="fixed-height" src="yourEndPoint" class="m1">
      <template type="amp-mustache">
           <button class="button_select" on="{{onAction}}">{{label}}</button>
      </template>
    </amp-list>