问题标签 [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.
amp-html - 'on' 属性内的 amp-bind JS 操作
我想监听一个事件(在这种情况下是变化)并根据存储在状态中的变量的值执行不同的操作。是否可以expr '?' expr ':' expr
在on
属性内使用操作?
这里有一个例子,第一次值改变时(自动填充等于 0)我会做一个动作,但其余时间(自动填充 > 0)是一个不同的动作。我在实践中从未见过这种情况,所以我不知道这在哪一点上是可能的。我尝试了以下两种方法。
谢谢!
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)。
任何建议将不胜感激。
克里斯
amp-html - 将状态映射到 amp-list [src]
我需要使用状态作为 amp-list 的输入。但在此之前,我想映射状态(执行一些数学或运算)。
将数组的每个位置映射到一个对象并将其放入 src 时,我无法使其工作(此处的代码):
但是,如果我将每个数组位置映射到一个数组中(此处的代码),我可以使它工作:
有什么建议么?谢谢!
amp-bind - 如何在 AMP 日期选择器上获取当前日期?
我有一个 AMP 日期选择器。我想在渲染 datepicer 时在 datepicker 的底部显示当前日期。
我正在尝试这样的事情。但它不显示当前日期。
amp-story - 有没有一种方法可以在 amp 故事中创建用户交互内容?
我正在构建一个放大器故事,我需要将用户输入作为选择。假设有 3 个按钮Button 1
和。如果用户单击内容将显示,其他按钮类似。Button 2
Button 3
Button 1
choice 1
我试图使用AMP.setState
它。它适用于普通的 AMP 页面,但是当将 amp 故事添加到页面时,它就不起作用了。
这是上述实验的代码
请看一下并提出一些合适的解决方案。谢谢。
html - 参考 amp-bind-macro ID 来执行表达式
我正在尝试引用 amp-bind-macro 表达式(我需要根据用户输入使用不同的 amp-bind-expressions)。
麻烦的是,当我尝试引用它们时,它不会执行表达式。在控制台中显示语法错误。无论我尝试什么,我都无法让它工作。
这是我尝试实现的代码示例:
我试过了:
有创意团队吗?AMP 文档说:“可以通过从文档中的任何位置引用其 id 属性值来像函数一样调用宏” https://amp.dev/documentation/components/amp-bind?referrer=ampproject.org#defining-宏与放大器绑定宏
所以我会认为有可能做到这一点
amp-html - 如何将 amp-selector 的文本内容设置为 amp-state
我想知道如何根据用户选择并将其设置为的选项获取文本内容amp-state
。例如,如果用户选择“红色”选项。我想将“胭脂”设置amp-state
为非“红色”。我知道我可以value
通过 setState 函数中的 event.targetOption 获得。但是,找不到如何获取文本并将其设置为amp-state
.
我的预期输出如下
不是
amp-html - 在 AMP 故事中添加提交表单
我想在 AMP 故事页面中添加一个带有计数器的收藏按钮,例如 AMP 文档示例。
https://amp.dev/documentation/examples/interactivity-dynamic-content/favorite_button/
但是,即使正确加载了 JSON 信息,当我单击最喜欢的心时
[行动]“FORM.submit”未列入白名单[]
控制台提示错误。
我确定如果 amp hmtl 内部有标签,则表单提交未列入白名单。
我只是将来自 AMP 文档网站的代码粘贴到标签中,并且或多或少地在我可能放置表单的任何地方,都会出现列入白名单的错误。
在不允许将表单放入 AMP 故事中时,如何实现喜欢的计数器之类的按钮?
amp-html - amp-bind 无法在内部更改 AMP Story 中的元素类
我在 AMP 故事页面中创建了一个侧边栏。
在侧边栏中,我有一个带有链接和子菜单的菜单。当使用此代码单击其父项时,我正在尝试向子菜单项添加一个“活动”类
并抓住子菜单项中的切换
问题是当我点击父菜单项时,控制台错误
AMP.setState 未列入白名单
出现并且没有任何变化。
如何将 AMP 故事页面侧边栏中的 AMP.setState 操作列入白名单?
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
属性已添加到查询字符串的末尾。
有什么想法吗?