聚合物1.0，如何实现无限嵌套的dom-repeat

聚合物1.0是一个基于Web组件标准的前端开发框架，它提供了一种简单且强大的方式来构建可重用的自定义元素和组件。在聚合物1.0中，要实现无限嵌套的dom-repeat，可以通过以下步骤来实现：

1. 引入聚合物库：在HTML文件中引入聚合物库，可以通过以下方式引入：<script src="https://polygit.org/components/webcomponentsjs/webcomponents-lite.js"></script> <link rel="import" href="https://polygit.org/components/polymer/polymer.html">
2. 创建自定义元素：使用聚合物的dom-module元素创建自定义元素，并定义其模板和样式。例如，创建一个名为"my-list"的自定义元素：<dom-module id="my-list"> <template> <ul> <template is="dom-repeat" items="{{data}}"> <li>{{item}}</li> </template> </ul> </template> <script> Polymer({ is: 'my-list', properties: { data: { type: Array, value: function() { return []; } } } }); </script> </dom-module>
3. 使用自定义元素：在HTML文件中使用自定义元素，并传递数据给它。例如，使用"my-list"元素并传递一个包含多个嵌套数组的数据：<my-list data="{{nestedData}}"></my-list>
4. 设置数据：在JavaScript中设置"nestedData"属性的值，以实现无限嵌套的dom-repeat。例如：var nestedData = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ]; document.querySelector('my-list').data = nestedData;

通过以上步骤，就可以实现无限嵌套的dom-repeat。每个嵌套的数组都会生成一个对应的列表，并在模板中使用dom-repeat进行循环渲染。

聚合物1.0相关产品和产品介绍链接地址：

• Polymer
• Polymer Starter Kit
• Polymer CLI