问题标签 [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 投票
2 回答
52 浏览

ajax - 如何在 Polymer 中编写可组合的 AJAX 调用

我正在尝试编写一个组件来公开来自 Polymer 中的 AJAX 调用的数据。我想以类似的东西结束。

但是,当我在另一个元素中公开组件的data属性时get-db,数据不会绑定到dom-repeat模板。

get-db组件部分如下

...

0 投票
1 回答
144 浏览

polymer - 如何将下拉值传递给 dom-repeat

我正在尝试将值传递给dom-repeat模板,但行为默认为数组中的第一项。我正在尝试从字符串数组中设置一个字符串。

父组件

子组件

下拉菜单默认为'a'

如何传入'b'以设置初始下拉值?

0 投票
1 回答
272 浏览

polymer - 如何使用 dom-repeat 设置下拉值

如果满足特定条件,我正在尝试从下拉列表中选择第二个选项,但遇到问题selectedIndex

...

如何选择 dom-repeat 下拉列表的第二个子项?

0 投票
1 回答
169 浏览

firebase - Polymer 1 and Firebase: How to deal with a large dataset with dom-repeat?

So, I am using firebase-query to read a dataset of about 9000 items.

Then I am displaying the list of items with dom-repeat (with all sorts of filtering and sorting options).

It all worked well when I tested it with 10 items or so, but now that I am reading the full dataset I have no idea how to manage it... the entire 9000 items are displayed, which obviously is not quite manageable.

Here is a simplified version of what I have:

Where do I start in order to deal with a large amount of data? Some sort of pagination, or lazy-loading? If I understand correctly, the 9000 items are loaded from Firebase anyway, so it's a matter of displaying them in a way that doesn't kill the browser (which I've done - killing it...)

0 投票
1 回答
193 浏览

polymer - 聚合物:强制 dom-repeat 重新计算所有项目的索引

我有一个 dom-repeat 显示大量项目(大约 9000 个)。

我试图只显示部分项目,这样我就不会得到一个巨大的滚动条。为此,我使用 dom-if 仅显示索引大于 10 的项目。

dom-repeat 排序或过滤的时候,每一项的索引都会重新计算,所以效果很好。

然后我使用 iron-scroll-threshold 来检测用户何时滚动到页面底部,然后我正在增加显示的项目数。

问题是,这不是重新计算索引——换句话说,我不知道如何“重绘”dom-repeat。

有没有办法强制 dom-repeat 重新计算所有索引?调用 this.$.list.render() 似乎没有这样做。

0 投票
1 回答
54 浏览

arrays - 如何构造关联数组以注入“dom-repeat”

我有一个数组数组,我想在 a 中使用dom-repeat,但是我收到一个错误,说数据不是数组。

dom-repeat.html:465 dom-repeat 预期数组items,找到 {0: Array(1), 1: Array(1), 2: Array(13)...

订单行项目中的原始数据正在转换为数组数组数据以排序成卡片。我认为理想情况下,模式应该是这样的:

卡父

卡片儿童

我是以错误的方式接近这个吗?

我可以通过其他方式将订单项合并到卡片中吗?

原始数据集:

分组数据集:

0 投票
1 回答
343 浏览

javascript - Polymer 2.0 dom-repeat 传递参数

对 Polymer 来说相当新,所以希望这是一个简单的问题,但为什么我在插槽“句柄”中有一个输出,而不是参数 has-arrow 的输出?当我只写值时工作正常,就像我对位置和扩展所做的那样,但我希望它们都是动态的,来自我的 Polymer.Element。有什么想法吗?

脚本

更新

它与调用函数或读取属性无关。它只是将变量输出到参数中。

我试着把它放在多汁的popover之前。

这给出了结果:

0 投票
1 回答
93 浏览

javascript - Polymer 2 查询选择器不起作用

我尝试向一些动态创建的元素添加事件监听器,但我无法定位它们。

我错过了什么,

祝大家有一个愉快的夜晚/夜晚/白天

0 投票
1 回答
194 浏览

javascript - 在 Polymer 2 嵌套模板中以编程方式访问对象值

使用 dom-repeat 循环和模板的常规使用,字段引用是针对源对象进行硬编码的。在下面的示例中,我们从 JSON 对象中提取名称和描述字段。工作正常。

在我的应用程序中,我想通过使用循环通过提供的字段列表的嵌套模板以编程方式提取值。但是我无法使其工作,结果以文字形式出现,而不是按照我的意愿执行:

这些是我尝试过的变体以及使用“名称”和“描述”作为字段的结果:

理想情况下,我希望它像这样工作:

someFunction 将接受对象和字段说明符并返回一个字符串。

只是不知道如何实现它。有任何想法吗?

附录显示了缺失的部分:

0 投票
1 回答
359 浏览

polymer - 我可以在开槽内容上使用 dom-repeat 将每个开槽的孩子包装在某个标签内吗?

我想用dom-repeat<li>标签包装一堆子节点。问题是,我要重复的节点本身是自定义元素,通过插槽插入,似乎 dom-repeat 只接受通过属性传递的数据。

我想做的是:

并使用它: