在纸张数据表列中使用自定义聚合物元素

时间:2016-06-16 10:29:59

标签: datatable polymer-1.0 paper-elements custom-element

我正在尝试使用< paper-datatable-column> 。在里面我必须使用我自己的聚合物元素,但由于某种原因它没有出现。

<paper-datatable id="datatable" data="{{users}}" selectable multi-selection selected-items="{{selectedItems}}" on-row-tap="rowTapped">
        <paper-datatable-column header="risk" type="Number" property="risk" sortable>
            <risk-codes riskcolor={{value}}></risk-codes>
        </paper-datatable-column>
 </paper-datatable>

其中&lt;风险代码&gt;是我定制的聚合物元素。其定义如下:

<template is="dom-if" if={{riskcolor}}>
   <div class="fab red">
     <paper-ripple class="circle" recenters></paper-ripple>
   </div>
</template>

以下是&lt;风险代码&gt; :

  Polymer({
    is: 'risk-codes',

    properties: {
      riskcolor:{
        type:Number
      }
    } 
  }); //end-polymer

1 个答案:

答案 0 :(得分:0)

我添加了&lt;模板是=&#34; dom bind&#34; &GT;在我的自定义元素和内部我已经把其余的代码。这样做了。奇怪,因为我有很多自定义元素我不使用&#34; dom-bind&#34;但它的确有效。也许因为&lt;风险代码&gt;期望一个属性来自其父元素,因此需要绑定到DOM。只是一个猜测,不确定我是否正确。