从 dart 设置 paper-tooltip答案

【问题标题】：Set paper-tooltip from dart从 dart 设置 paper-tooltip
【发布时间】：2016-06-29 17:38:50
【问题描述】：

在 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的底层内容，但没有成功。任何人都知道如何做到这一点？

【问题讨论】：

pT.text = "The tooltip" 呢？
谢谢。当我使用pT.text = "The tooltip" 设置时，似乎破坏了paper-tooltip 元素的某些部分，并且该元素显示为类似div 的元素。
使用paper-tool创建的html，可以使用（获取底层内容）DivElement eToolDiv = pT.$['tooltip']; eToolDiv.text = 'from dart';修改内容所以问题似乎是创建或附加。

标签： dart dart-polymer

【解决方案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);
  }
}

【讨论】：

据我所知，所有 Polymer 元素都有一个工厂构造函数。你应该可以new PaperTooltip()。
太好了，我不知道，这给出了更清晰的代码。谢谢。