问题标签 [amp-bind]

我想在使用 AMP（在客户端）上传之前显示输入表单文件中的图像，我试图避免将图像上传到临时文件夹并从那里加载的过程。这种形式是将项目（带图像）添加到列表中，它很容易被放弃，所以我想避免清除孤立图像。

我做了一些研究，发现所有解决方案都涉及 Javascript，例如this和this，但我不喜欢在“完整的 AMP 网站”中使用 javascript。

是否有使用 AMP 解决此问题的方法？

我有一个名为 currentItem 的状态，带有 url、title、description... 当我按下按钮时，currentItem 应该保存在名为 myItems 的其他状态中。它将包含项目对象的列表。

现在的问题是它总是显示最后一个 item，因此它会覆盖每个 currentItem 提交的整个列表。

我的州：

列表定义：

将 currentItem 添加到列表的操作：

我尝试使用 AMP.setState({ myItems: myItems.concat(currentItem)}) 但它崩溃了，+。我怎样才能做到这一点？

我有一个带有表单的 AMP 页面，它有一个输入类型“文件”。当您选择一张照片时，表格将被提交。我用它来预览图像。它在 android 和 pc 中运行良好，但如果您选择拍照而不是选择图像，它在 android 中会失败。

就我而言，当我单击以在我的 android 中上传时出现： 如果单击文件，它工作正常。如果我点击相机，拍照时什么都不会发生。

代码很简单：

有没有办法从 Android 相机触发“on=change”？如果没有，有没有办法阻止智能手机的这种行为？

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

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

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

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

我有一个带有点的放大器轮播效果很好，但是当我轻扫以更改幻灯片时，幻灯片底部的点不会更改为新的活动幻灯片，直到幻灯片过渡动画完成，这使它看起来有一个大约一秒钟的延迟。

幻灯片定义为：

然后点定义为：

因此，按钮上的图像样式转换是匹配幻灯片的状态变为“选中”时

点上的样式有一个非常快的过渡，（0.01s）所以它不是动画速度阻碍了事情。

有没有办法在 swype 动作开始时触发样式更改，或者自动播放转换，而不是在结束时，所以幻灯片可以使用寻呼点更平滑地转换？

我正在手动将珠宝电子商务产品页面移植到 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 中工作的唯一方法。

参考谷歌AMP，我有以下代码：

我'?view=amp&constraint='只想在值selectedOption1存在的情况下显示。

我怎样才能达到同样的效果？

我尝试了以下方法：

我正在使用带有 setState 的 amp-bind 来更新https://beta.webfast.co/magma/collections-galaxy.html上不同色板的 amp-img URL

但是，即使我正在更新特定变量（例如 s0），也有其他 div 正在更新，这不是本意。

1. 访问https://beta.webfast.co/magma/collections-galaxy.html
2. 滚动到标题为“Last Resort Men's Tee”的产品（左侧的 div）
3. 单击具有白色的第一个样本。
4. 样本右侧的产品图像 div 消失。
5. 相邻的 div 图像不应受到影响。

我想要的是能够在 amp 页面上执行doGTranslate(this)函数。我是 amp 新手，所以正在尝试一个项目。

谢谢。

我的 amp 页面的状态如下：

我想将响应绑定到页面中的一个元素：

文本实际上已经被绑定，但直到页面上发生事件才会刷新。

我怎样才能让它自动刷新状态？