Dart 从省道设置纸张工具提示
在htmlDart 从省道设置纸张工具提示,dart,dart-polymer,Dart,Dart Polymer,在html纸质工具提示中可以像 <div> Text <paper-tooltip>The tooltip</paper-tooltip> </div> 我试图设置纸质工具的基本内容,但没有成功。有人想知道如何做到这一点吗?不知道这里发生了什么。似乎是使用document.createElement('paper-tooltip')从dart创建的不要给出正确的纸质工具提示元素 通过使用自定义元素包装纸质工具提示,找到了一个确定的解决方法
纸质工具提示中
可以像
<div>
Text
<paper-tooltip>The tooltip</paper-tooltip>
</div>
我试图设置
纸质工具的基本内容,但没有成功。有人想知道如何做到这一点吗?不知道这里发生了什么。似乎是使用document.createElement('paper-tooltip')从dart创建的代码>不要给出正确的纸质工具提示
元素
通过使用自定义元素包装纸质工具提示
,找到了一个确定的解决方法。然后可以使用document.createElement('papertooltip-wrap')创建自定义元素代码>
Html
那么pT.text=“工具提示”
呢?谢谢。当我使用pT.text=“工具提示”
设置时,它似乎破坏了纸质工具提示元素的某些部分,并且该元素显示为类似div的元素。使用html创建的纸质工具
可以修改内容(获取底层内容)DivElement-eToolDiv=pT.$['tooltip';eToolDiv.text='从dart'代码>所以问题似乎是创建或附加。据我所知,所有聚合物元素都有工厂构造函数。您应该能够新建PaperTooltip()
。太好了,我不知道,这提供了更清晰的代码。谢谢
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);
<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);
}
}