Amp html amp实时列表:查看主文档是否已更新

Amp html amp实时列表:查看主文档是否已更新,amp-html,Amp Html,我正在学习教程的这一部分: 任务是打开按钮 初始代码: <h1>Posts</h1> <amp-live-list id="my-live-list" data-poll-interval="15000" data-max-items-per-page="2"> <button update on="tap:my-live-list.update">You have updates!</button> <div

我正在学习教程的这一部分:

任务是打开按钮

初始代码:

<h1>Posts</h1>
<amp-live-list
  id="my-live-list"
  data-poll-interval="15000"
  data-max-items-per-page="2">
  <button update on="tap:my-live-list.update">You have updates!</button>
  <div items>

      <div id="1" data-sort-time="1053"  data-update-time="1053">
        0 vpksfnokrq
      </div>

      <div id="2" data-sort-time="444"  data-update-time="444">
        1 pcwunjyecn
      </div>

  </div>
  <div pagination>
    <span class="step-links">


        <span class="current">
            Page 1 of 5.
        </span>


            <a href="?page=2">next</a>
            <a href="?page=5">last &raquo;</a>

    </span>
  </div>
帖子

每次在服务器端,我都会更改在数据排序时间和数据更新时间中使用的值

脚本开始向服务器发送请求,如下所示:

这似乎是从服务器接收到的最大数据排序时间的值

对此请求的答复如下:

<!doctype html>
...        
    <h1>Posts</h1>
    <amp-live-list
      id="my-live-list"
      data-poll-interval="15000"
      data-max-items-per-page="2">
      <button update on="tap:my-live-list.update">You have updates!</button>
      <div items>

          <div id="1" data-sort-time="1057"  data-update-time="1057">
            0 eaobaqcvey
          </div>

          <div id="2" data-sort-time="448"  data-update-time="448">
            1 ccswyymlss
          </div>

      </div>
...
</amp-live-list>

...        
帖子

嗯,数据排序时间已经改变了问题是按钮没有显示。

但是,只要我更改ID,按钮就会显示出来。换句话说,在服务器端,我将id、数据排序时间和数据更新时间设置为相等的值

<h1>Posts</h1>
<amp-live-list
  id="my-live-list"
  data-poll-interval="15000"
  data-max-items-per-page="2">
  <button update on="tap:my-live-list.update">You have updates!</button>
  <div items>

      <div id="1068" data-sort-time="1068"  data-update-time="1068">
        0 owuswbdsur
      </div>

      <div id="459" data-sort-time="459"  data-update-time="459">
        1 vmwbpzcums
      </div>

  </div>
  <div pagination>
    <span class="step-links">


        <span class="current">
            Page 1 of 5.
        </span>


            <a href="?page=2">next</a>
            <a href="?page=5">last &raquo;</a>

    </span>
  </div>
帖子

嗯,这对我来说有点奇怪。我试图更改这些div的内容,这些div是的孩子。按钮没有显示

我的实验结果如下:

  • 当数据排序时间、数据更新时间或 内容发生了变化
  • 当ID更改时,按钮将显示
  • 尽我所能,我无法理解:

    1。为什么它会向服务器发送数据排序时间。这意味着我将 必须让web服务器(如nginx)以某种方式对此做出反应。但是 如何反应?

    2。如果我设法打开按钮,为什么反应不在屏幕上 数据排序时间,但在ID上?


    您能帮助我吗?

    放大器列表有两种模式:

  • 自动更新,无需用户交互
  • 通过按钮手动更新
  • 当数据更新时间更改时,将触发自动更新。这意味着内容将自动更新和显示。这有利于实时记录(如体育成绩)

    手动更新行为仅在具有新id的项目出现时触发。例如,当在线博客条目列表中有一个新条目时

    您可以分别实现每种模式(例如,通过将所有内容包装在amp live列表中并以当前时间作为数据更新时间提供页面来自动更新整个页面),也可以将这两种模式结合起来以支持自动更新以前发布的项

    为了节省用户带宽,amp live list允许添加额外内容,这意味着您只能返回自上次更新以来根据请求中包含的
    数据排序时间更改的内容。这不是必需的

    回答以下问题:

  • 这对于服务器端筛选是可选的。可以提供正常的(可能更新的文档)
  • 该按钮仅适用于新的实时列表项(按设计)

  • 这个答案似乎对任何困扰我的事情都没有帮助。你能看一下问题中用黑体字写的是什么吗。问题不是关于自动更新或手动。添加了更多详细信息