PolymerJs Dom-repeat:观察数组的子属性
PolymerJs是一个基于Web组件标准的JavaScript库，用于构建可重用的自定义元素。其中的Dom-repeat是PolymerJs库中的一个模板扩展，用于在DOM中重复渲染一个模板，并观察数组的子属性的变化。
具体来说，Dom-repeat通过绑定一个数组到模板中的一个元素，可以实现根据数组的内容动态生成多个相同结构的元素。当数组发生变化时，Dom-repeat会自动更新DOM，以反映数组的最新状态。
PolymerJs的Dom-repeat有以下特点和优势：
- 动态渲染：Dom-repeat可以根据数组的内容动态生成多个相同结构的元素，使得页面的渲染更加灵活和高效。
- 数据绑定：Dom-repeat支持数据绑定，可以将数组中的每个元素与模板中的元素进行绑定，实现数据的双向绑定。
- 子属性观察：Dom-repeat可以观察数组中每个元素的子属性的变化，当子属性发生变化时，Dom-repeat会自动更新相应的DOM，以保持页面的同步性。
- 可扩展性：PolymerJs是一个可扩展的库，可以通过自定义元素和模板来满足不同的需求，使得开发更加灵活和可定制。
PolymerJs的Dom-repeat适用于以下场景：
- 列表展示：当需要展示一个数组的内容时，可以使用Dom-repeat来动态生成列表，并实现数据的绑定和更新。
- 过滤和排序：Dom-repeat可以结合其他PolymerJs的数据绑定和计算属性功能，实现对数组内容的过滤和排序，以满足不同的展示需求。
- 表单处理：当需要处理多个相同结构的表单元素时，可以使用Dom-repeat来生成表单，并实现表单数据的绑定和验证。
腾讯云提供了一系列与PolymerJs相关的产品和服务，可以帮助开发者更好地使用和部署PolymerJs应用：
- 云服务器（CVM）：提供可扩展的虚拟服务器，用于部署PolymerJs应用。链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务，用于存储PolymerJs应用的数据。链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储PolymerJs应用的静态资源。链接：https://cloud.tencent.com/product/cos
- 云监控（Cloud Monitor）：提供全方位的监控和告警服务，用于监控PolymerJs应用的性能和可用性。链接：https://cloud.tencent.com/product/monitor
通过以上腾讯云的产品和服务，开发者可以更好地支持和扩展PolymerJs应用，提高应用的性能和可靠性。
相关·内容
我在polymerjs的dom-repeat中使用了一个数组。也就是说，数组是项，数组的每个元素都是项。那么如果每一项都有一个属性item.errors。
浏览 15提问于2017-07-07得票数 1
2回答
我有一个嵌套的dom-repeat的问题，并且在数组中有很深的变化。使用redux，我改变了数组的属性，数组的结构如下：例如，当一个爱好从一个成员中被删除时，我发现当我在这个属性上有一个观察</
浏览 4提问于2017-12-07得票数 1
1回答
这些项目显示在<dom-repeat>中，可以动态编辑。虽然编辑确实会更改对象中的数据，但任何附加的观察者都不会触发以指示发生了更改。这些项目使用<dom-repeat>显示，子属性name显示在<paper-input>中，可以动态修改它们。::input}}"></paper-input> </templ
浏览 2提问于2016-11-09得票数 1
回答已采纳
1回答
我有如下所示的聚合物性质。我使用此属性使用div在模板中显示行和列。<template is="dom-repeat" items="{{gamma}}" id="maindiv">
<div class="layout__row"
浏览 0提问于2016-03-10得票数 2
我有一个dom-repeat和另一个嵌套在其中的dom-repeat。外层绑定到一个计算数组。当我对父数组进行更改时，会观察到这些更改(意味着触发了观察者代码)，但这些更改不会反映在UI/dom-repeat中。
下面是我的代码示例。单击第二个dom-repeat内的div将触发函数handleItemTap，然后该函数将对父数组进行更改。然后观察此更改
浏览 14提问于2018-02-21得票数 1
回答已采纳
当我的元素发生变化时，或者我想从代码中或自动地重新运行排序和呈现元素时，我该如何重新运行呢？谢谢
<template is="dom-repeat" items="[[attachments]]" as="attach_item" sort="_sortItems"></template>
浏览 0提问于2015-11-10得票数 0
每隔一段时间，<dom-repeat>试图变得比它需要的更聪明的倾向就会导致属性绑定问题，导致回收的元素显示陈旧或重复的数据。在这一点上，无论文档告诉您做什么--这相当于试图找出到子属性和子数组的神秘绑定的正确组合，以及使用观察者触发的赋值器来使黑魔法发挥作用--似乎是在浪费精力，而且从一个新的状态擦除并重新构建元素
浏览 4提问于2018-08-02得票数 0
我创建了一个“子”元素，由我的自定义“父”元素使用。在“父”元素中，我的子元素标记如下所示：成果是“父”元素中的数组，而不是“子”元素的属性。在我的“子”元素中，我有以下内容：
<template is="dom-re
浏览 3提问于2015-09-02得票数 0
回答已采纳
1回答
我有简单的iron-selector和dom-repeat。当我更改所选项的子属性时，dom-repeat不会刷新，但是数组的项将被更新。<template> <template is="dom-repeatret
浏览 2提问于2016-05-10得票数 2
回答已采纳
使用新的聚合物数据绑定，我们想要使用观察，以了解何时启动过滤器时，按下一个按钮。按钮的标题是动态的，因为它们是从Firebase拉进来的，我们正在成功地使用getAtribute。我们已经把观察的内容重复了一遍，但什么也没有发生。希望有人能帮忙。
</firebase-col
浏览 5提问于2015-06-11得票数 2
回答已采纳
3回答
我有一个简单的<firebase-query>标记，在通过<dom-repeat>显示数据之前，我想对其中的一些数据进行操作。例如，我需要将一些字段转换为链接，并解析一些日期。为了做到这一点，我在数据上有一个观察者来检测它何时准备就绪。但是，我不知道如何循环处理来自JavaScript函数的数据。console.log(data); });理想情况下，我希望在
浏览 5提问于2017-01-03得票数 3
回答已采纳
默认情况下，dom-repeat数组仅在数组本身发生变化或项本身更改了与其观察者相对应的属性时才重新过滤和重新排序：。
当排序函数本身改变时，有没有触发排序函数的方法？
浏览 0提问于2015-11-06得票数 1
我知道如何过滤dom-repeat的列表，但是如果dom-repeat的值是由一个函数生成的，那么这些值就不会出现在_computeFilter函数的properties.so中，我不能使用任何子属性来匹配过滤器<template is="dom-repeat" items="{{membersList}}" as="usersList" filter="{{
浏览 7提问于2016-12-24得票数 1
3回答
我有一个dom-repeat元素，当呈现这个元素时，它只填充了一个name属性，并且price将被一个ajax填充：我可以执行this.set('arr.x.price', value)，其中x是数组中对象的索引，但是我的上下文位于一个函数中，除非我计算它，否则它不知道索引，这并不难，但肯定有更好的方法吗？
浏览 2提问于2016-02-07得票数 4
我有一个如下代码片段，尝试将属性向下传递给子元素，如下所示： <dom-repeat items="{{employees}}" as="employee"> <child-elementemployee={{employee}}> </child-element> </dom-repeat> 其中employee是<e
浏览 29提问于2020-07-23得票数 1
如果没有在数组中找到筛选器，请有人帮助如何使此模板显示。 The array is empty!</template> <!<paper-listbox class="dropdown-content" >
浏览 1提问于2016-05-16得票数 5
回答已采纳
1回答
我对聚合物阵列的数据绑定非常困惑，我认为这是一个非常简单的用例。 <template is="dom-repeat" items="{{arrayproperty}}" as="item">
<child-element创建了适当数量<
浏览 2提问于2015-10-26得票数 0
回答已采纳
1回答
我试图在dom-重复中显示包含数组的对象。数据结构如下: answerObject：{firstQuestion：“一”，“二”，secondQuestion：“三”，“四”} </template> </templa
浏览 4提问于2017-09-23得票数 1
回答已采纳
2回答
聚合物自定义元件观测器过早点火
、、、、
我有一个Polymer1.0自定义元素，它指定了一个名为MyItems的属性，并在这个属性上指定了一个观察者_myItemsChanged： isdom-repeat，它根据MyItems属性中的项构建DOM： ...</tem
浏览 4提问于2015-09-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
