问题标签 [amp-bind]

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

amp-html - 'on' 属性内的 amp-bind JS 操作

我想监听一个事件(在这种情况下是变化)并根据存储在状态中的变量的值执行不同的操作。是否可以expr '?' expr ':' expron属性内使用操作?

这里有一个例子,第一次值改变时(自动填充等于 0)我会做一个动作,但其余时间(自动填充 > 0)是一个不同的动作。我在实践中从未见过这种情况,所以我不知道这在哪一点上是可能的。我尝试了以下两种方法。

谢谢!

0 投票
1 回答
332 浏览

wordpress - 使用 AMP 在可关闭的滑入式面板上实施 cookie

我正在我们的网站上实现一个滑动式滚动时事通讯注册表单,它是作为 AMP 原生构建的。

我添加了一个使用 amp-bind 隐藏 div 的按钮,但我很难弄清楚如何在 AMP 中使用 cookie/localStorage 保存关闭状态。

我已经浏览了最喜欢的按钮示例代码 - https://ampbyexample.com/advanced/favorite_button/(在 SE 上推荐),但我看不出它与这个特定用例有何关系,尤其是与使用放大器列表。

根据我读过的内容和几个示例,我发现需要 credentials="include" 属性,有效的 CORS json 端点和使用 AMP 变量替换附加到端点 url 的自动生成的客户端 ID 也是如此,但我不是确定如何将它们放在一起。

我使用最喜欢的按钮示例一起刺破了一些东西,但是本教程并没有说明如何设置 CORS 端点,并且该特定示例用于将多个喜欢存储到单个端点,而不是存储特定用户查看喜好。

这是我对代码的粗略(在黑暗中摸索)刺探:

对于 prefs 端点,我猜我需要在 WordPress 中注册一个新端点,该端点输出带有首选项的简单数组?

类似于以下内容:

我还尝试了 amp-user-notification 组件(它内置了关闭状态),但感觉有点笨拙,并且由于已知错误,通讯嵌入代码(通过 iframe)没有被加载 - https://github .com/ampproject/amphtml/issues/18995)。

任何建议将不胜感激。

克里斯

0 投票
1 回答
642 浏览

amp-html - 将状态映射到 amp-list [src]

我需要使用状态作为 amp-list 的输入。但在此之前,我想映射状态(执行一些数学或运算)。

将数组的每个位置映射到一个对象并将其放入 src 时,我无法使其工作(此处的代码):

但是,如果我将每个数组位置映射到一个数组中(此处的代码),我可以使它工作:

有什么建议么?谢谢!

0 投票
1 回答
268 浏览

amp-bind - 如何在 AMP 日期选择器上获取当前日期?

我有一个 AMP 日期选择器。我想在渲染 datepicer 时在 datepicker 的底部显示当前日期。

我正在尝试这样的事情。但它不显示当前日期。

0 投票
1 回答
49 浏览

amp-story - 有没有一种方法可以在 amp 故事中创建用户交互内容?

我正在构建一个放大器故事,我需要将用户输入作为选择。假设有 3 个按钮Button 1和。如果用户单击内容将显示,其他按钮类似。Button 2Button 3Button 1choice 1

我试图使用AMP.setState它。它适用于普通的 AMP 页面,但是当将 amp 故事添加到页面时,它就不起作用了。

这是上述实验的代码

请看一下并提出一些合适的解决方案。谢谢。

0 投票
1 回答
395 浏览

html - 参考 amp-bind-macro ID 来执行表达式

我正在尝试引用 amp-bind-macro 表达式(我需要根据用户输入使用不同的 amp-bind-expressions)。

麻烦的是,当我尝试引用它们时,它不会执行表达式。在控制台中显示语法错误。无论我尝试什么,我都无法让它工作。

这是我尝试实现的代码示例:

我试过了:

有创意团队吗?AMP 文档说:“可以通过从文档中的任何位置引用其 id 属性值来像函数一样调用宏” https://amp.dev/documentation/components/amp-bind?referrer=ampproject.org#defining-宏与放大器绑定宏

所以我会认为有可能做到这一点

0 投票
2 回答
743 浏览

amp-html - 如何将 amp-selector 的文本内容设置为 amp-state

我想知道如何根据用户选择并将其设置为的选项获取文本内容amp-state。例如,如果用户选择“红色”选项。我想将“胭脂”设置amp-state为非“红色”。我知道我可以value通过 setState 函数中的 event.targetOption 获得。但是,找不到如何获取文本并将其设置为amp-state.

我的预期输出如下

不是

0 投票
1 回答
119 浏览

amp-html - 在 AMP 故事中添加提交表单

我想在 AMP 故事页面中添加一个带有计数器的收藏按钮,例如 AMP 文档示例。

https://amp.dev/documentation/examples/interactivity-dynamic-content/favorite_button/

但是,即使正确加载了 JSON 信息,当我单击最喜欢的心时

[行动]“FORM.submit”未列入白名单[]

控制台提示错误。

我确定如果 amp hmtl 内部有标签,则表单提交未列入白名单。

我只是将来自 AMP 文档网站的代码粘贴到标签中,并且或多或少地在我可能放置表单的任何地方,都会出现列入白名单的错误。

在不允许将表单放入 AMP 故事中时,如何实现喜欢的计数器之类的按钮?

0 投票
1 回答
352 浏览

amp-html - amp-bind 无法在内部更改 AMP Story 中的元素类

我在 AMP 故事页面中创建了一个侧边栏。

在侧边栏中,我有一个带有链接和子菜单的菜单。当使用此代码单击其父项时,我正在尝试向子菜单项添加一个“活动”类

并抓住子菜单项中的切换

问题是当我点击父菜单项时,控制台错误

AMP.setState 未列入白名单

出现并且没有任何变化。

如何将 AMP 故事页面侧边栏中的 AMP.setState 操作列入白名单?

0 投票
0 回答
143 浏览

amp-html - 在 amp-list load-more 上使用 load-more-bookmark 接收错误“源源不允许进入”

我在https://staging.caymanmag.com/work/finding-a-job有一个使用服务器端过滤的工作 amp-list 实现,但我无法让无限滚动与load-more="auto"属性和load-more-bookmark.

我收到的错误是“源源不允许进入”,但在不使用该load-more属性时我没有收到 CORS 错误。

我想知道这是否是由于书签值:load-more-bookmark="meta.pagination.links.next"被使用?看起来该&page=2属性已添加到查询字符串的末尾。

有什么想法吗?