0

我正在尝试使用amp-bind.

我在页面顶部有这个状态 JSON：

<amp-state id="myState" [src]="'/api/activity/all?country=' + selected">
  <script type="application/json">...

我有这两个 AMP 列表：

    <amp-list width="auto"
      height="192"
      layout="fixed-height"
      src="/api/activity/all"
      [src]="myState.categories"
      class="m1"
      id="categories"
      items="data.0.categories">

      <template type="amp-mustache">
         <amp-img  width="197" height="185" src="@{{icon}}"></amp-img>
      </template>
    </amp-list>

而这份清单：

      <amp-list width="auto"
        height="100"
        layout="fixed-height"
        src="/api/activity/all"
        [src]="myState.data"
        class="m1"
        id="activities"
        items="data">

到目前为止，一切都很好。但是，我添加了一个共享按钮，点击时会显示一个下拉菜单。所以我设置了一个这样的切换器：

<amp-img on="tap:AMP.pushState({visible: !visible})" id="share-icon" alt="TO DO" width="50" height="50" src="design/share.png"></amp-img>

我的问题是，当我点击共享按钮时，虽然它可以工作，但它会刷新两个列表，导致闪烁。

4

1 回答 1

0

闪烁是放大器列表评估其绑定的结果（即使AMP.pushState(...)调用不影响它们的绑定）。请在此处提交有关 AMP 运行时的错误报告。

于 2018-09-18T07:00:43.760 回答