问题标签 [amp-mustache]

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 投票
1 回答
3605 浏览

mustache - AMP:如何在 AMP 中处理复杂的条件逻辑?

我们想在我们的 AMP 页面上插入一些有条件的动态内容。我们正在使用 mustache 来添加动态内容。

小胡子逻辑较少(支持基本的 if else),即这里提到的。他们还建议将 Handlebar JS 用于如此复杂的条件逻辑,但看起来我们这里没有任何 AMP 替代方案。

一种解决方法是 - 从服务器发送简单的布尔值以避免客户端的所有 AND/OR 条件,但如果我们采用这种方法,我们将不得不发送太多这样的变量。我们应该如何处理 AMP 中如此复杂的情况?

0 投票
1 回答
459 浏览

html - 无法在 AMP-HTML 小胡子模板中呈现 HTML

我正在使用 amp-list 调用一个 API,该 API 将 HTML 作为其响应的一部分,并使用 mustache 模板来呈现这样的 HTML {{{html-content}}}。JSON响应中的HTML是这样的

我在这里面临的问题是没有任何标题被渲染,并且没有任何标题类/标记在 DOM 中可见(标题仅显示为没有任何 h1 或 h2 标记的字符串)。如果我只使用其中的 HTML 内容调用 API,它将显示在带有“h1”、“h2”和“p”标记的 chrome 开发人员工具的响应选项卡中。我不确定这是 AMP 的限制,或者我将 JSON 中的 HTML 传递给 mustache 模板的方式是否有问题。

我将非常感谢在这方面的任何帮助。

0 投票
1 回答
106 浏览

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

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

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

0 投票
1 回答
179 浏览

c# - Amp mustache 在 C# 中获取索引

如何获取在 Amp 列表中使用 Mustache 呈现的每个项目的索引?这是我的 html 示例:

我使用过 {{@index}} 但由于此 HTML 在 C# 中呈现,C# 认为 @index 是一个变量并发送错误

0 投票
1 回答
689 浏览

amp-html - 使用 amp-mustache 进行迭代时获取索引

使用 amp-mustache 时,如何获取给定迭代的当前元素的索引?

我希望它看起来像这样:

但这似乎不起作用...

这甚至可能吗?

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 回答
156 浏览

amp-html - 提交表单后如何在 mustache 模板中实现 amp-analytics 视图跟踪器

我有一个 amp 表单,当我提交它时会返回一个 json 值,然后我将数据绑定到 amp-mustache 模板中。问题是我需要使用 amp-analytics 来跟踪视图并在这些结果中单击。但是当小胡子模板可见时,分析代码不会被触发。任何人都有同样的问题或已经找到解决方案?

谢谢

0 投票
1 回答
674 浏览

javascript - 如何在 amp-mustache 模板变量中使用 toLowerCase 方法

我正在将 amp-list 与 JSON 绑定。问题是我为 amp-img 提供数组元素,而 amp-img 的 src 必须小写,因为我的服务器上的资产是小写的。

0 投票
0 回答
307 浏览

amp-html - 使用 amp-bind 和 amp-mustache 迭代 amp-state

我正在尝试为电子商务网站制作产品页面,问题是我不知道如何根据用户选择的颜色动态更改产品的可用尺寸。

我突然想到要做这样的事情,但我找不到让 amp-mustache 知道并遍历颜色 [selectedColor].sizes 以显示该颜色可用的尺寸的方法,有什么想法吗?

谢谢!

0 投票
1 回答
142 浏览

amp-html - AMP4EMAIL:从模板中的状态设置表单值

amp-bindamp-mustache模板中使用时,我似乎无法通过 [value] 属性动态设置表单输入字段的值。此问题仅出现在 Gmail 客户端中。它在 Gmail Amp Playground 和浏览器中按预期工作。此问题出现在 Gmail 客户端中。它在Gmail Amp Playground(我认为应该反映 Gmail 客户端的行为)和浏览器中按预期工作。

此处提供了一个要点,其中包含客户端代码的人为版本。

非常感谢任何建议/解决方法!

虽然可能不需要,但这是服务器端逻辑: