问题标签 [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 回答
685 浏览

javascript - AMP 中的动态 setState

我有这样的放大器状态:

如果我单击按钮,图像将动态变化。我想在加载页面时随机更改 imgSrc:

但图像不会改变..我是 AMP 的新手,有人可以帮我解决问题吗?

0 投票
0 回答
105 浏览

amp-html - 如何阻止 AMP 删除未使用的 CSS 类?

我注意到 AMP 删除了我的样式表中未使用的 CSS 类。这使我无法在用户单击按钮时使用 amp-bind 将这些类添加到 HTML 元素中。

disliked_clicked 的值取决于服务器逻辑,但它可以是“class-one”或“class-two”,例如。

在我的样式表中,我有:

在源代码中找不到这两个类,我假设 AMP 删除了它们,因为它们最初并未应用于任何 HTML。

我通过在 HTML 中包含一个应用了样式的空 div 找到了一种解决方法。

我不想在我的模板中包含空 div,这样 AMP 就不会删除最初未使用的 CSS 类。还有其他方法可以让 AMP 停止删除这些类吗?

0 投票
0 回答
121 浏览

amp-html - AMP 如何在 amp-list 项上使用 amp-bind setState

我想更新购物车中产品的数量。由于样式的原因,我不想使用默认的输入类型编号,因此在我的文本输入周围有 2 个按钮来更新数量。

这是我的状态:

这是我的表格和清单:

我想更新我的项目的数量,然后我假设我的文本输入的 on="change:form.submit" 将调用我的服务器刷新并更新数据。如果我更新输入,它已经可以工作了,只是按钮状态不行。

0 投票
0 回答
135 浏览

javascript - CSS 样式不适用于 NEXT.js 中具有 amp-bind 的动态类

amp-bind-class 为处于活动状态的按钮添加“活动”类。当我通过 chrome 开发人员工具看到它时,它运行良好,但唯一的问题是 CSS 无法在它们上运行。我在 Next.js 中使用 AMP

在单击任何按钮之前,它看起来像这样:

在此处输入图像描述

单击任何按钮后,它看起来像这样:

在此处输入图像描述

这是我点击后的 DOM

在此处输入图像描述

预期的:

在此处输入图像描述

0 投票
0 回答
29 浏览

tabs - AMP-Selector:如何在页面加载时动态绑定所选属性

  1. 假设我使用 amp-list 在 amp-selector 中动态填充三个选项。
  2. 现在我想在页面动态加载时默认选择第二个选项
  3. 这样做的正确方法是什么。
  4. amp 不允许我绑定 [selected] 属性。
0 投票
0 回答
34 浏览

amp-html - AMP setState 适用于页面上的所有 AMP 元素

例如,我有一个可以切换类的放大器选择器:

在选择事件时,AMPsetState将应用于页面上的所有其他 AMP 元素(amp-selectors、amp-lists、其他带有 amp [class] 的元素) 如何为特定元素设置状态?

0 投票
0 回答
113 浏览

json - 一页上有多个放大器列表

我正在尝试在一个 AMP 页面上实现多个带有分页的 amp 列表。这是我的放大器列表 HTML:

每个列表都有自己的_pageNumber_page变量。

问题是,在通过单击一个元素[src]属性的下一个/上一个按钮来更改页面时,所有元素都会更改(url 中的最后一个数字更改为null)。如何避免将 setState 应用于所有元素?

0 投票
0 回答
57 浏览

amp-html - 如何将提交成功的 JSON 响应分配给 PHP 循环中的单击事件。放大器形式,放大器绑定

在提交成功时,表单返回一个 JSON 响应,我正在尝试将响应添加到单击标签[class]="wishstatus"但它被添加到所有标记,因为它在 PHP 循环中。
是否有任何解决方案可以将 JSON 响应添加到单击的标签..?

JSON 响应 {"message":"ADDED","type":2,"codez":"wishlistSelected"}