Mit benutzerdefinierten Polymer-Element in Papier-Dataset-Spalte

Question

Ich versuche < Papier-Datatable-Spalte zu verwenden. Darin muss ich mein eigenes Polymerelement verwenden, aber aus irgendeinem Grund wird es nicht angezeigt.

<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> 

Wo < Risiko-Codes> ist mein benutzerdefiniertes Polymerelement. Welches ist unten definiert:

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

Und hier ist das Skript von < Risiko-Codes>:

Polymer({ 
    is: 'risk-codes', 

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

Answer 1

I < Vorlage hinzugefügt ist = "dom bind"> in meinem benutzerdefinierten Elemente und im Innern I hatte den Rest des Codes gelegt. Das hat den Trick gemacht. Seltsam, weil ich viele benutzerdefinierte Elemente habe, in denen ich nicht "dom-bind" verwende, aber es funktioniert. Vielleicht, weil < risk-codes> eine Eigenschaft von ihrem übergeordneten Element erwartet, so dass sie an das DOM gebunden werden muss. Nur eine Vermutung, nicht sicher, ob ich recht habe.