问题标签 [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.
javascript - dom-repeat 子元素可以绑定到数组项吗?
我正在尝试使用 Polymer 2 创建一个简单的笔记列表,其中每个笔记都显示在一个<input>
元素中。要创建<input>
元素列表,请使用<dom-repeat>
组件。我注意到,当从数组中删除一个项目时,所有元素的value
s<input>
都向上移动并<input>
删除了最后一个元素。有没有办法删除<input>
与已删除数组项关联的元素?
我意识到通常这不会是一个严重的问题,但是对于<input>
元素,焦点绑定到实际的 DOM 对象。为了获得正确的焦点,删除注释时元素的value
属性<input>
不应更改。
下面是我的笔记列表组件和笔记原子组件的代码。
javascript - Polymer paper-dialog in dom-repeat opens when other array item is deleted
Here is a snippet:
One of the things that can be done in this dialog is deleting the zone from the zones list. This works fine as long as I delete the last zone in the list. However, if I have two zones and delete the first one, the dialog for the second one automatically opens as though it has replaced the first one.
I assume this has to do with how dom-repeat works, but I am not sure how to fix it. Any clues?
polymer - 聚合物从模板 dom-repeat 中获取更改
为了从输入中获取更改,我使用以下内容
但我确信 Polymer 可以更轻松地获取事件,或者只是更改输入。谢谢。
这是观察者不起作用的完整元素:
data-binding - Iron-data-table 内的聚合物 dom-repeat
所以,我有这样的数据:
假设我想在 中显示它<iron-data-table>
,我期待这样:
而且,这是当前代码:
问题是,没有显示 IP 地址。我需要使用类似的东西,<dom-repeat>
因为每个配置的设备数量不同,比如 id=1 有 2 个设备,id=2 有 3 个。
有没有其他方法可以解决这个问题?
感谢您的关注和帮助。
javascript - Polymer Javascript Dom-Repeat 按钮组问题
我对 Polymer 比较陌生,我正在尝试创建一个按钮组,其中的按钮对应于属性数组中的每个条目。这是我到目前为止的代码:
楼层计数属性已包含在下面。
问题是它正确地创建了每个按钮,但由于某种原因,您只能单击组中的“idAll”按钮。这种 dom-repeat 和绑定在某种程度上破坏了组的功能。任何帮助将不胜感激,谢谢!
polymer - PolymerJs Dom-repeat:观察数组的子属性
我在polymerjs 的dom-repeat 中使用了一个数组。比如说,数组是项目,数组的每个元素都是项目。然后,如果每个 item 都有一个属性 item.errors 。每次 item.errors 发生任何变化时,我都想调用一个函数。怎么做?
polymer-2.x - Polymer2.0 - 是否可以在 dom-repeat 中设置默认值?
我正在尝试在 dom-repeat 中设置默认值。
在下面的示例中,如果图像不可用或未定义,我试图在 dom 重复中显示默认图像(http://img04.deviantart.net/8465/i/2009/260/f/a/blender__texture_dummy_by_3d_asuarus.jpg )
我认为,我们不能在表达式 [[item.image]] 中使用双管道运算符
HTML:
JS:
polymer-2.x - Polymer2.0 - dom-repeat 在纸张标签内不起作用
当我尝试在纸张标签中包含 dom-repeat 时,我得到的是空白显示而不是 dom-repeat 值
DOM-repeat 在纸质标签外工作正常,但在纸质标签内
Codepen- https://codepen.io/nagasai/pen/gxPQqQ
HTML:
JS:
binding - 在 dom-repeat 的模板中,表达式不成功
“{{x y z}}”在 Polymer#2.0 中没有响应。
我该怎么做才能让它发挥作用?? ? ? ? (@@)我感觉(<)...
polymer - 嵌套的 dom-repeat 不显示任何内容
我正在尝试做一个嵌套的 dom-repeat,我没有任何错误,但我仍然有一个空显示。检查元素我可以看到数据实际上在那里,并且页面在很短的时间内显示了一些内容,然后变为空白。下面是代码的摘录:
聚合物是 v 1.8.0
我更改了代码:
现在我显示了一些东西,但它不正确。我有类似的东西
X 1,2,3,4 Y 1,2,3,4 Z 1,2,3,4
虽然应该是(这只是一个例子)
X 8,2,4 Y 6,8,5,2 Z 1,2,3,4
所以它总是用第一个列表中最后一个元素的数据填充。