Set Papier-Tooltip von dart

Question

In html paper-tooltip wie

<div> 
    Text 
    <paper-tooltip>The tooltip</paper-tooltip> 
</div> 

Aber Howto bauen eine paper-tooltip aus dart gut funktioniert?

DivElement divText = new DivElement(); 
divText.text = 'Text from dart'; 

PaperTooltip pT = document.createElement('paper-tooltip'); 
//How to set the tooltip String "The tooltip" on pT? 

divText.append(pT); 

Ich habe versucht, den zugrunde liegenden Inhalt paper-tool zu setzen, aber nicht gelingt. Jeder mit einem Tipp, wie das vielleicht gemacht werden könnte?

Answer 1

Nicht sicher, was hier vor sich geht. Scheint wie die Kreation von Dart mit document.createElement('paper-tooltip'); geben Sie kein richtiges paper-tooltip Element.

Eine gute Problemumgehung gefunden, indem das paper-tooltip mit einem benutzerdefinierten Element umschlossen wurde. Das benutzerdefinierte Element kann dann mit document.createElement('papertooltip-wrap');

Html

<dom-module id="papertooltip-wrap"> 
    <template> 
    <paper-tooltip>[[tooltipText]]</paper-tooltip> 
    </template> 
</dom-module> 

Dart erstellt

@PolymerRegister('papertooltip-wrap') 
class PapertooltipWrap extends PolymerElement { 

    @property 
    String tooltipText; 

    PapertooltipWrap.created() : super.created(){ 
    } 

    void setAnchorElement(Element e, final String tipText){ 
    set('tooltipText', tipText); 
    append(e); 
    } 
}