dart - 设置 Dart 的纸张工具提示

Question

在html中，paper-tooltip可以像

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

但是如何从Dart构建 paper-tooltip？

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

我试图设置 paper-tool的基础内容，但没有成功。有人提示如何做到这一点？

Answer 1

不知道这是怎么回事。似乎是使用document.createElement('paper-tooltip');从dart创建的，没有给出适当的paper-tooltip元素。

通过用自定义元素包装paper-tooltip，找到了一个不错的解决方法。然后可以使用document.createElement('papertooltip-wrap');创建自定义元素

HTML

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

镖

@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);
  }
}