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

polymer - Polymer 1.x:在 dom-repeat 中应用 iron-media-query 来确定屏幕宽度

单击此处获取 jsBin

例如,我想计算屏幕宽度并将结果分配给一个介于 0 和 3 之间的数字。我正在尝试使用它iron-media-query来做到这一点。

我希望看到(记录到控制台)其中一个查询返回一个值,true而另外三个返回一个false。但是,它们都返回一个值undefined

我究竟做错了什么?

仅供参考,解决此问题后,我计划在queryResult()方法中添加一个条件来存储indexwhen queryMatchesis的值true

例如 http://jsbin.com/kamusivebi/1/edit?html,控制台,输出
0 投票
1 回答
823 浏览

javascript - Pushing to data-bound array used in dom-repeat (Polymer)

I have a data-bound array (dom-repeat) in a custom Polymer element, and I need to push new data into the array. It's not displaying the items, even though it knows 2 elements have been added. What am I missing here?

jsFiddle

0 投票
1 回答
155 浏览

jquery - 使用 dom-repeat 和 jquery 插件

我目前正在为我的 Polymer 项目使用这个 jQuery 插件。

我能够让演示工作,但是我希望能够为电影评级主题动态生成评级字段。

我的尝试是创建一个数组,其中包含我希望给出条形评级的值。唯一让我失望的是,当我使用 dom-repeat 动态创建我的选项标签时,没有选项出现。但是,当我不使用 dom-repeat 时,会出现选项。我想知道它是否与shadow dom有关(我一直在阅读它,但仍然不太熟悉它的工作原理)。

不起作用:

作品:

0 投票
1 回答
455 浏览

javascript - 单击子 dom-repeat 项访问父 dom-repeat 项

我正在使用聚合物。我有一系列看起来像的对象

我使用了嵌套的 dom-repeat,

我在第二个 dom-repeat 中有 on tap 函数,所以在调用下面的函数时,我可以访问 time 对象。如何使用下面的“e”引用访问第一个 dom-repeat 中的名称和地址?我尝试了 parentElement 但它不起作用!

0 投票
2 回答
414 浏览

javascript - 在孩子的价值改变后重新排序聚合物dom-repeat

我有一个 Polymer dom-repeat 列表,其中孩子们可以按初始值排序。当我更改子项内部的 a 值时,列表的依赖排序顺序不会更新。我怎样才能最好地做到这一点?

背景:在基于实际位置的应用程序中,我有一个中心位置(纬度、lng)并获取中心周围位置的键列表。我为每个键创建一个孩子。孩子使用密钥从数据库(异步)获取 lat、lng 信息。使用来自中心和位置的 lat lng 信息,我可以计算孩子内部的距离。该列表应按计算的距离排序。

0 投票
3 回答
1296 浏览

polymer - Property change not reflecting in UI when its set from dom-repeat's function - Polymer

I have array of objects and a property, my dom-repeat structure is like as below

I have a property

my function is called each time when dom-repeat iterates

but its not changing in screen!! It will display whatever data it set first time inside _checkSomeCondition !! but in console its updating

For testing I inserted a button and after all dom-repeat rendered on tapping that button I called some function ,there when I changed value it get reflected everywhere

but why its not working when value is changed inside a function which is called by dom-repeat?? I tried all 3 ways of updating a object

Plunker:https://plnkr.co/edit/iAStve97dTTD9cv6iygX?p=preview

0 投票
1 回答
801 浏览

polymer - Polymer - 在带有过滤器的嵌套 dom-repeat 上显示空状态

我有一个嵌套dom-repeat,首先迭代公司中的员工,然后迭代员工的项目,在迭代项目时,我使用过滤器只获得成功的项目。试图使用 renderItems 但它总是给员工数量。相反,当没有员工有任何成功的项目时,我需要一种方法来了解状态。(仅当没有列出项目时)

0 投票
2 回答
572 浏览

polymer - 随时访问 dom-repeat 元素的 CSS 类

我的 dom repeat 显示一个图标列表,我可以添加书签或取消书签,生成 dom-repeat 我调用一个函数来查找此图标是否已添加书签,这将返回 CSS 类

一旦我现在获得所有图标列表,如果用户单击该图标,我需要调整 css 类。所以我编写了点击功能

我不能使用 ID,因为它的 dom-repeat ,有没有其他方法可以在点击时更改 _toogleBookMark() 函数中该 dom-repeat 元素的 CSS?或者是否可以使用索引更改 CSS?或在 _toogleBookMark(e) 函数中使用“e”引用!

0 投票
1 回答
66 浏览

polymer - 过滤 dom-repeat 的元素,其中值由函数生成

我知道如何过滤 dom-repeat 的列表,但是如果 dom-repeat 的值是由函数生成的,那么这些值不存在于 properties.so 在 _computeFilter 函数中,我不能使用任何子属性来匹配过滤器。

在 _getMobileNumber 函数的上述代码中,我传递了一个数组,然后在该数组中我将搜索一个手机号码,然后我将返回 dom-repeat。现在我如何根据手机号码进行过滤,因为它返回一个函数!!

0 投票
1 回答
1281 浏览

filter - 聚合物:模板 dom-repeat 中的多个过滤器

我有一个简单的 dom 重复,如下所示:

还有一个按名称过滤项目的功能:

都好。现在,我将如何添加另一个过滤器,例如,如果我还想按项目编号过滤?

我会有另一个绑定到 {{searchString2}} 的纸质按钮,但是我如何将它链接到过滤器 - 换句话说,如何在 dom-repeat 上设置多个过滤器?