Question

如果我有以下聚合物元素，我如何让这个元素的用户知道dataSource中对象的结构。即如果我必须声明并共享Employee函数，那么他们可以new Employee()并创建一个数组。什么是聚合方式共享通用数据对象？有些似乎建议行为，但这不是组件的行为，这是一个具有属性而没有行为的数据对象。

<dom-module id="employee-list"> 
  <template>
          <ul>
              <template is="dom-repeat" items="{{ dataSource }}">
                  <li>
                     <span>{{item.firstName}}</span>
                  </li>
              </template>
          </ul>          
  </template>
  <script>
  Polymer({
    is: 'employee-list',
    properties: {
        dataSource: {
            type: Array,
            value: [{ firstName: "First 1", lastName: "Last 1" }]
        }
    }
  });
  </script>
</dom-module>

Answer 1

使用行为！虽然名称具有误导性，但您可以使用行为来共享属性。

行为是一个看起来类似于典型聚合物的对象原型。行为可以定义生命周期回调，声明属性，默认属性，观察者和侦听器。

https://www.polymer-project.org/1.0/docs/devguide/behaviors.html

JS Bin示例：http://jsbin.com/vuqumo/edit?html,output

Answer 2

您的用户将使用您的元素

<employee-list datasource="[[usersEmployeeList]]"></employee-list>

您需要在属性的jsdoc注释中告诉他们数据源的格式。我不能正确地了解jsdoc注释的格式，但要看看现有聚合物元素的用途。

聚合物共享组件性能结构

2 个答案: