问题标签 [amp-list]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
1384 浏览

amp-html - AMP 列表 - 如果我们没有收到 API 的响应,如何删除空格?

我们有 AMP 页面,我们从服务器获取 3 个列表,并将其绑定到客户端。是相同的小提琴。

但是由于输出是动态的,并且我们将高度指定为 100,因此在此处的代码中,第二个列表返回空 json,我们会看到大量的空白空间,这是不可取的。

获取空列表的代码是:

我们如何摆脱这个固定高度的 AMP 列表并根据从服务器接收到的内容调整高度?

我在这里读到了类似的东西,但无法理解。有人可以分享如何解决这个问题吗?

0 投票
1 回答
106 浏览

carousel - 如何在 AMP 轮播中使用重复

我有一个AMP-LIST,其中包括一些items,每个item都有一些属性。其中一个属性是应该在AMP-CAROUSEL. 像这样的方案:

如何在每个项目的轮播中渲染作为 ITEMS 数组的一部分的 IMAGES 数组

0 投票
0 回答
147 浏览

amp-html - 如何在内部进行 REST 调用?

<amp-list>有用在的例子<amp-story>吗?

你什么时候会使用<amp-list>超过“三分之二”?

放大器列表

amp-list 组件从 CORS JSON 端点获取动态内容并使用提供的模板呈现它。这有利于嵌入相关文章的动态列表。https://ampbyexample.com/components/amp-list/

0 投票
2 回答
1029 浏览

drop-down-menu - AMP:选择框中的预选值

在下面的示例中具有预选值的解决方案是什么?假设从 JSON 检索数据并显示选择框(无需用户交互)时,默认情况下应选择第三个选项。

0 投票
1 回答
642 浏览

amp-html - 将状态映射到 amp-list [src]

我需要使用状态作为 amp-list 的输入。但在此之前,我想映射状态(执行一些数学或运算)。

将数组的每个位置映射到一个对象并将其放入 src 时,我无法使其工作(此处的代码):

但是,如果我将每个数组位置映射到一个数组中(此处的代码),我可以使它工作:

有什么建议么?谢谢!

0 投票
1 回答
1461 浏览

mustache - amp-list 中的 amp-mustache 在 mustache 部分 html 文件中使用时无法解析 mustache 变量

我正在使用多个小胡子部分文件(页眉、页脚、卡片等)渲染我的 amp 页面。在我的一个部分中,我想遍历 JSON 中给出的一组项目,所以我在其中使用 amp-list,我正在使用 amp-mustache 模板。在输出中,我得到了带有空文本的列表。小胡子变量(url 和标题)未解析为 JSON 中给定的值。

我的部分.html

和我的examples.json

这是我的 index.html

0 投票
1 回答
211 浏览

caching - google 将 amp-live-list 的旧数据缓存多长时间

我正在为实时新闻实现 amp-live-list。根据 ampbyexample.com“新内容只需要发布到相同的 URL”。所以我必须只将新内容发布到相同的 url 但这个 url 会丢失旧内容.

那么谷歌缓存将服务旧内容多长时间,或者我必须将旧+新内容都发布到同一个网址?

0 投票
1 回答
1069 浏览

amp-html - Google amp 组件 amp-list 加载更多不起作用

我已激活 AMP 实验 amp-list-load-more,但它不起作用

我的页面https://www.airtonews.com/amp/

如何使它工作?谢谢!

0 投票
0 回答
122 浏览

amp-html - amp-list 不显示所有项目的问题

我们有一个页面,其中有一个绑定到 JSON 数据的 amp-list 以显示一个类别的子类别。在一种情况下,它显示所有子类别,但在另一种情况下,amp-list 不会调整大小以显示所有项目(除非您单击或以某种方式与它们交互)。

工作:https ://www.caresuperstore.com/kitchen-and-dining/kitchen-aids-ampd (13 项)

不工作:https ://www.caresuperstore.com/bathroom/bathing-aids-ampd (显示 6 但实际上有 12)

这似乎只在桌面上查看时才会发生。

0 投票
1 回答
142 浏览

rest - 添加查询参数时,amp-list 不会显示来自 firebase rest api 的数据

我正在使用带有 firebase REST api 的 amp-list。问题是当我使用“ https://kitchentocustomer.firebaseio.com/restaurants/Yiecu6fL2Pas0XFhCsT06Q0dSOp1/menu.json ”时,我得到了填充列表,但是当我添加查询参数“ https://kitchentocustomer.firebaseio.com/ restaurant/Yiecu6fL2Pas0XFhCsT06Q0dSOp1/menu.json?orderBy=%22first_cat%22&equalTo=%22BREAKFAST%22&print=pretty " 我得到空的放大器列表。

这是代码