Polymer 1.0数据绑定到rowspan属性

时间:2015-06-23 23:33:45

标签: polymer

我使用数据绑定创建了使用Polymer 1.0的动态数据驱动表:

  <tbody>
    <template is="dom-repeat" items="{{instInfo}}" as="instItem">
      <tr>
        <td rowspan="{{instItem.rowSpan}}">{{instItem.name}}</td>
      </tr>
      <template is="dom-repeat" items="{{instItem.rows}}" as="row">
        <tr>
          <template is="dom-repeat" items="{{row}}" as="rowItem">
            <td>{{rowItem}}</td>
          </template>
        </tr>
      </template>
    </template>
  </tbody>

除了td rowpsan(第4行)之外,上述所有数据绑定都能正常工作。当我使用实数时,一切都很好。 是否可以将数据绑定到html属性?

1 个答案:

答案 0 :(得分:2)

使用attribute$="{{value}}"而不是attribute="{{value}}"

根据polymer documentation

  

要绑定到属性,请使用$=而不是=。这导致致电:

     

element.setAttribute(attr, value);

     

相反:

     

element.property = value;