问题标签 [dom-repeat]

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

polymer-2.x - 移除项目时聚合物 2 dom-repeat 不反映

我在 Polymer 2 中有一个非常简单的应用程序。我有一个使用 dom-repeat 显示的静态项目列表。我有一个删除按钮,单击时我可以看到该项目已从列表中删除。但是 dom-repeat 没有刷新。它仍然是旧代码。

有人可以帮助如何在屏幕上反映更改:

代码片段如下:

0 投票
1 回答
539 浏览

polymer - Vaadin 网格:使用 dom-repeat 时绑定到动态过滤器变量

我正在使用 vaadin 数据网格和dom-repeat模板,以创建具有动态列的网格。我还在网格的页脚中使用了过滤器。

我需要该过滤器的输入文本字段中的占位符文本,因此我必须设置输入标签。有问题的部分是value. 在 Vaadin 网格的文档中,这是一个静态命名的变量,等于列名,前面加上_filter文本字段 ( ::input) 的值,然后再追加。

如果我要对其进行硬编码,因为_inputHost::input它会绑定到“主机”列的动态生成属性,但仅限于此列。它还会导致排序中断。

在下面的示例中,我使用了_filterXXXXXXX::input. 我应该改用什么?

HTML:

JS:

0 投票
1 回答
332 浏览

javascript - 带有参数化模板的 dom-repeat

使用 Polymer 2.0参数化 dom-repeat 项目模板的干净方法是什么?

用法:

自定义组件:

我找不到任何关于 Polymer 2.0 的明确文档来实现这一点。

0 投票
1 回答
81 浏览

javascript - 我无法使用索引访问 dom-repeat 中的铁形式

我正在从 cassandra 数据库(使用 iron-ajax 和 dom-repeat)加载一些记录,并通过单击一行打开一个纸质对话框,其中值被加载到包含纸质输入可编辑字段的铁形表单中。编辑后,我应该能够提交以更新数据库中的记录,但使用纸质按钮它不起作用(至少使用一个简单的按钮试图将内容发送到 REST 艰难以 415 结尾错误)。我尝试的是这样的:

然后尝试使用各种不起作用的脚本选项,我认为主要是因为我没有成功使用 id - myForm{{index}} 识别表单。我找到了各种各样的例子,但没有任何这种扭曲(dom-repeat 中的形式)。这至少可行吗?我应该怎么做?谢谢!如果我使用:

然后方法

我收到 415 错误:出现意外错误(类型=不支持的媒体类型,状态=415)。不支持内容类型“application/x-www-form-urlencoded”

0 投票
1 回答
80 浏览

google-maps - 嵌套 dom-repeat 中的聚合物 google-map-point 停止刷新

折线工作一段时间,然后停止刷新。标记标签不断刷新。如果我点击浏览器刷新按钮,折线会刷新。我怎样才能解决这个问题?我需要这个来保持刷新而不点击浏览器刷新按钮。新数据是通过使用 iron-ajax 和 http GET 获得的。

0 投票
2 回答
90 浏览

redux - 使用 Polymer 和 dom-repeat 的 Redux

我对嵌套dom-repeat的 's 和数组深处的更改有疑问。使用 redux,我更改了具有如下结构的数组的属性:

例如,当从成员中删除一个爱好时,我看到当我对该属性有一个观察者方法以及console.log它真正改变的数组的值时,爱好就消失了。

然而,DOM 并没有改变。它的结构类似于:

我试过这样通知,dom-repeat但它没有帮助:

调用render()dom-repeat顶级)似乎也无济于事:

我在这里做错了什么..?

0 投票
0 回答
294 浏览

firebase - Polymerfire Firebase Firestore 混合 - 排序

我有一个使用 Polymerfire Firestore mixin 和 dom-repeat 的 Polymer 属性:

但是,它不是按sectionName 排序的吗?我究竟做错了什么?我在这里错过了什么吗?谢谢。

0 投票
2 回答
599 浏览

templates - Polymer - DOM 树中元素数据的 dom-repeat 和缓存

以下场景:我有一个 Firebase 数据库,其中包含一个列表,用于创建一组“纸卡” dom-repeat

在 UI 中,用户可以添加或删除纸质卡片,因此 Firebase 中的项目也会被删除。

现在我意识到,如果我更改了一个元素的 CSS(例如,fadeIn、fadeOut 动画),然后删除了一张卡片,然后添加了一张卡片,该卡片仍然具有之前的 CSS 状态(例如,用于淡入/淡出动画)。

我的问题:

  1. DOM 重复如何处理添加或删除的元素?这个元素的所有信息不是都“删除”了吗?

  2. 如果我删除第 5 项(共 10 项),元素 6-10 会发生什么情况,它们是被删除并重新创建为“5-9”还是“移动/更改”?

  3. 除了 CSS 之外,在模板标签中是否还有其他需要考虑的含义?我需要手动重置什么吗?

在此处输入图像描述

0 投票
2 回答
118 浏览

firebase - 如何在聚合物 dom-repeat 中创建一个简单的范围

我正在寻找一种在dom-repeat. 在下面的示例中,我有一个userIds(例如:)列表[12,34,45]。我想遍历每个元素并从 firebase 数据库中检索用户对象。最后,我想打印用户名。

我的问题:模板内部没有创建范围。因此,该{{user}}对象将始终被覆盖,并且打印件都将显示相同的用户名。

当前解决方案:创建一个以 auserId作为参数的新 webcomponent(聚合物元素)。然后元素本身将使用<firebase-document>并打印用户名。

0 投票
1 回答
191 浏览

javascript - 如何按值选择下拉菜单 dom-repeat Dropdown

在 Polymer 中刷新页面后,我试图在下拉设置中重新加载。下拉列表从 AJAX 调用中动态加载,并且一旦设置下拉列表,它就会保存在 localStorage 中。

...

我努力了