问题标签 [amp-mustache]

我正在使用amp-list和amp-mustache模板在我的 AMP 页面上显示博客文章列表，如下例所示：

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

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

谢谢！

我正在手动将珠宝电子商务产品页面移植到 AMP。我需要组合多个独立的 AMP 状态（宝石形状、克拉重量、贵金属），然后使用结果作为 array.filter() 的输入来过滤我的 JSON 以获得动态 AMP 轮播。

所需的用户体验：如果用户单击“黄色金色”按钮，然后单击“2 克拉”按钮，我想将图像（在下面的 JSON 数组中）过滤为仅通过 object.metal == 过滤器的对象_y' && object.ctw == '_2-0'

使用简单的 onClick Javascript 很容易做到，但我不确定如何使用 tap:AMP.setState 执行这个多步骤逻辑。因此，我正在寻求帮助，将多个变量组合成一个 AND 语句，然后在 array.filter() 中使用该语句来刷新 AMP-Carousel 以匹配用户的选择。

我使用一个变量正确刷新/更新了 AMP-Carousel，如下所示：

如何将我的 setState 扩展到两个离散的目标？

1. 根据用户选择的选项生成更新的“myFilter”
2. 将“filteredProducts”设置为 values.filter(a => myFilter)

这是我的 AMP-Carousel 以及我的 JSON（希望这有助于其他与上述问题无关的人！）

注意 - 我知道这个 JSON 有点古怪，但这是我发现让 AMP-Carousel 在 AMP-Mustache 中工作的唯一方法。

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

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

现在，我收到此验证错误：

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

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

页面的验证器声明：

故事必须至少有一页。

所以这也是不允许的。

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

我正在尝试为无逻辑模板运行 mustache C 库的示例应用程序。我正在使用 json-c 库来解析 JSON。

mustache C 库，
mustache 示例（此链接上的第一个示例）

我已经尝试将 mustache C 库安装到本地机器，同时提供以下 JSON 作为哈希将得到如下解析错误。

另外，我已经尝试过演示链接并得到相同的解析错误。测试/演示

请你帮我知道，如何解决这个错误？

我正在编写一个 AMP 网站www-dev.example.com，将用户指向一个注册页面。

注册页面托管在使用子域的身份服务器上auth.www-dev.example.com。

我现在想将我的 AMP 网站部署到登台环境www-stg.example.com，同时将用户指向它各自的登台身份服务器auth.www-stg.example.com。

理想情况下，我会在相对appsettings.json文件中为每个环境配置一个配置，并用于amp-mustache将环境变量映射到 url<button>或a标签中。

我目前正在使用 实现所需的功能，amp-list但它看起来像狗早餐，由于固定尺寸，对齐和缩放对字体端造成了一些不希望的和艰苦的影响。

是否有一种简单的方法可以在 AMP 中设置环境变量以在链接中使用？

HTML 实现

appsettings.json 实现

任何帮助或建议将不胜感激！

编辑- 显示我希望避免的前端问题开始的示例

请帮帮我！我无法通过 amp-list 和 amp-mustache 列出我的 WooCommerce 产品。我无法让事情发挥作用，我也无法解决它。

我正在尝试读取 WooCommerce API 提供的 JSON 数据，并将这些数据放入 amp-mustache 模板中。想象一下产品档案……</p>

这是我的 HTML/AMP 代码：

以及我用作 src 的 JSON 数据：

amp-autocomplete尝试通过在选择时重定向到 url 创建实时搜索。

在上面的选项选择片段中，页面已成功重定向到{{url}}，问题是输入值也更改{{url}}为：

我如何{{h1}}在选项选择的输入中使用值，但留下data-value="{{url}}"小胡子，所以on="select:AMP.navigateTo(url=event.value)"仍然可以工作？

试图合并值amp-mustache并在之后拆分它，但卡住了：

我是新来的小胡子创建模板。我在胡须尖锐但面临错误时通过了 if 条件。

其次，我想比较 if 条件下的值。这个怎么做