问题标签 [amp-mustache]

我试图复制这个例子但没有成功。我想使用mustache模板添加列表，如下所示：

我的/assets/popular.json文件是：

但我无法让它工作，json模板中的值没有被替换，我收到这个错误：

我不知道为什么该值{{url}}没有被json.

我已经scripts在头部添加了必要的内容。

尝试使用 Mustache 从 JSON COR 文件调用图像到 amp-carousel。认为这应该很容易，但有一些问题。

我可以在我的AMP（加速移动页面）页面中定义一些 json 并将其用作 amp-mustache 源吗？像这样的东西：

我会以错误的方式解决这个问题吗？

添加了2个代码示例！

对这里的其他人来说可能很简单，我是 Amp html 和 mustache 的新手，我在使用表单创建 AMP 页面时遇到了一个令人沮丧的问题，但它几乎就在那里！

我必须重写几次，结果总是一样！我试图始终返回通过表单提交的正确值，然后从数据库中提取，它仅在页面刷新时第二次起作用，即*按 f5 并再次尝试，否则它显示相同的内容。

它基本上用从数据库返回的内容加载 div，如果它存在与否。

我认为问题在于会话，我必须创建一个成功和错误变量来显示不同的内容，具体取决于数据是否存在于数据库中，因为 XHR 响应将始终成功，除非出现问题。

无论我将会话未设置值放在哪里，它要么什么都不做，要么使请求不起作用。

基于会话的示例：

下面的原始版本使用 amp-mustache，工作（有点）很好，但不可能且无用，因为我无法将 html 从错误或成功消息呈现到浏览器，也无法操作或比较 mustache 标签与 PHP 逻辑。

它必须是可能的...... 例如返回读取的json数组：

不是html所以不可能添加按钮等。

这就是我在检查值后需要完成的全部工作。

使用 mustache 标签的版本

我正在尝试使用 amp-list 在表单中设置位置过滤器，我正在尝试按以下方式进行操作：

我的json文件是这样的：

当前的 amp-list 渲染在关键字文本输入框下方

我已经阅读了文档，但我无法弄清楚，请帮助。我想让所有位置都在单个“选择位置”下拉列表中

我完全不知道如何将 flex css 应用于 amp-list。我希望所有子项目在水平方向上均匀分布，项目之间有空格。

当我删除 float:left; 从子项中，我得到的只是一列，而不是行。

似乎 flex 不适用于孩子。

是否有可能做到这一点？如果可以的话，我很想得到帮助。

CSS：

放大器列表：

根据弃用警告，目前正在尝试将我的 AMP Mustache 版本从 0.1 升级到 0.2。但是，这样做之后，我们开始收到以下错误：

以下是我们的确切内容，如果有任何需要更改的地方，请告诉我们：

谷歌搜索控制台正在向我的 amp 页面发出警告，该页面包含脚本'

' 并且 mustache 文档https://www.ampproject.org/docs/reference/components/amp-mustache显示版本 0.2 可用。只需更改版本即可正确索引我的页面，而不会在谷歌搜索控制台中显示任何错误或警告

我创建了一个 amp-mustache 模板，如下所示。

此模板嵌套在 amp-list 中。amp-list 有一个源 URL（https 和跨域），它在 JSON 下方发送。

{“日期”：“2018-08-03 14:40:09”，“上一个”：37165.16，“开盘”：37327.16，“低”：37319.61，“高”：37567.47，“最后”：37557.93，“卷“：0 }

在加载页面时，我什么都看不到。在 DOM 中，我只能看到这个空的 div。

我按照此链接中提到的示例进行操作。我还尝试将 span 标签之间的变量替换为“date”、${{date}}、“prev”、${{prev}}，但没有任何效果。在这方面的任何帮助将不胜感激。

编辑：添加代码的 amp-list 部分

我们想在我们的网页中动态插入 HTML。我们正在使用 mustache 来添加动态内容。内容是动态的和有条件的。为了处理条件逻辑，我们使用 mustache，即

然后在模板中你可以有：

对于上述条件，我们有不同的 HTML 模板保存在我们的数据库中。此外，返回的 HTML 取决于用户的 cookie。有什么方法可以直接在我们的 AMP 页面中插入从服务器返回的 HTML？