问题标签 [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 投票
0 回答
332 浏览

html - AMP:amp-list 中的 mustache 模板循环变量?

我正在使用amp-listamp-mustache模板在我的 AMP 页面上显示博客文章列表,如下例所示:

但是,我需要列表中的第一项与其他项不同。第一项的 html 略有不同。是否有某种可用的循环变量可用于执行以下操作:

还是有另一种方法可以做到这一点?

谢谢!

0 投票
1 回答
89 浏览

amp-html - 从 amp-list 编辑数据

我正在使用 amp-list 进行无限滚动,但无法找到如何对每个加载的页面进行 urlencode(更改)接收到的 JSON 数据值。我不希望服务器同时发送普通编码字符串和 urlencoded,因为这将导致数据大小加倍(每页 200 个字符串将变为 400 个)。这是我的 amp-list 无限滚动的工作代码:

所以我的问题是:如何在客户端对“{{.}}”值进行urlencode?我已阅读所有文档,但找不到任何解决方案。我试图这样做:

这不起作用。我认为这是因为滚动时会自动加载数据,而我的 amp-state 未绑定到该事件。

0 投票
0 回答
154 浏览

html - AMP - 如何从 amp-list 中的状态生成数组循环数据

如何从 amp-list 中的状态生成数组循环数据?
我将表单发送的结果保存为状态,然后尝试在 amp-list 中显示此数据(另一个请求)。但我无法显示数据:(品牌 - 来自状态的变量)

0 投票
0 回答
339 浏览

amp-list - 动态放大器故事

我试图弄清楚如何构建动态的放大器故事。
假设我有一个这样的网站:https://example.com/stories/:slug. 此页面应首先从我的服务器(它输出一些 json 数据)获取故事的数据(使用此 slug),然后将数据呈现为 amp-story。

我的第一次尝试是在 amp-list / amp-mustache 模板中使用故事(我删除了所有属性以获得更小的示例):

现在,我收到此验证错误:

标签'amp-story'的父标签是'template',但它只能是'body'。

所以这是不允许的......如果我像这样切换某些元素的顺序:

页面的验证器声明:

故事必须至少有一页。

所以这也是不允许的。

那么,甚至可以构建这样的故事还是我必须使用服务器来创建我的故事页面?

0 投票
1 回答
102 浏览

video - 如何在 AMP 页面中为视频使用动态源?

我正在我的 VOD 网站上创建 AMP 版本的视频页面。我amp-access用于对用户进行身份验证,然后amp-subscriptions检查用户是否购买了对视频的访问权限。这工作正常。但是,我遇到的困难是如何source为视频本身动态设置元素。

由于这些视频是高级视频,我不希望页面加载时标记中的源 URL。我想要发生的是:如果用户购买了访问权限,则将<source>子元素动态添加到我的amp-video标签中。

我试过使用amp-list和获取这样的源 URL:

但这似乎在浏览器控制台中引发了以下错误:

AMP 验证出现错误: http ://example.com/video.amp.html:295:48标签“图片 > 来源”的父标签是“模板”,但只能是“图片”。(见https://amp.dev/documentation/components/amp-img

所以现在我很茫然。

有没有人知道如何在授权后动态设置视频的源 URL?

0 投票
2 回答
198 浏览

blogger - 有没有办法在 AMP-list 中使用 Blogger ?alt=Json 提要

我已经看到使用 src="example.com/json"的amp-list 。但是有没有办法在 amp-list 中使用博主 json 提要?

0 投票
1 回答
74 浏览

json - 电子邮件的 AMP 列表无法加载示例 json

我是 AMP 的新手,我是一名创意设计师,所以我对前端后端的了解有限。我试图做一个 AMP 电子邮件,它从 json 加载信息并将其显示在电子邮件中。

我正在使用来自https://amp.dev/documentation/components/amp-list/?format=email的示例 AMP-list 组件脚本,一切正常,但是当我用示例文件替换 json 链接时,它没有工作https://wegoexperience.com/dest.json

任何人都可以建议为什么?谢谢!

0 投票
0 回答
66 浏览

amp-html - 如何创建动态嵌套放大器手风琴迭代问题

我必须使用 Ajax API 调用在 Google AMP 页面中创建一个动态手风琴。以下是我从 API 得到的响应

]; }

AMP HTML 中的代码

我想创建一个动态汉堡菜单,我在其中使用 AMP 手风琴,主题数组将是手风琴值,sub_categories是子菜单的嵌套数组。手风琴工作正常,但 amp-list 标记不起作用。有人请帮助我处理这个动态手风琴或建议一些更好的实施方式

0 投票
1 回答
147 浏览

html - AMP 电子邮件 - [选中] 绑定属性不会影响复选框状态

我有一封 AMP 电子邮件,我希望复选框显示为选中或未选中,具体取决于来自我的服务器的值。如果值为{{done}}false,我希望该框未选中,如果{{done}}为 true,我希望该框选中。

这是电子邮件的代码:

其他动态字段正确填充。我的问题是我不能将done布尔值直接传递到checked属性中,因为false它呈现为一个字符串,它是真实的并选中该框。

我在这里找到了一个非常相似的问题。这种方法是我最初使用的并且效果很好。但是,现在无论传递给[checked]属性的值如何,我的复选框都未选中。

我怀疑 AMP 电子邮件可能正在进行一些开发,因为我遇到了类似的问题,AMP 团队最终确认这是一个错误。

0 投票
0 回答
121 浏览

amp-html - AMP 如何在 amp-list 项上使用 amp-bind setState

我想更新购物车中产品的数量。由于样式的原因,我不想使用默认的输入类型编号,因此在我的文本输入周围有 2 个按钮来更新数量。

这是我的状态:

这是我的表格和清单:

我想更新我的项目的数量,然后我假设我的文本输入的 on="change:form.submit" 将调用我的服务器刷新并更新数据。如果我更新输入,它已经可以工作了,只是按钮状态不行。