Question

我正在使用Polymer，但遇到了问题。我认为有一个好的解决方案，但是我仍然对聚合物没有很好的理解。

在我的模板中，我得到一个dom-repeat，它与_items类似item。 item.name返回项目的名称，可以正常工作。现在，我想使用此名称将其显示在工具提示中，因此我将调用函数on-mouseenter="_showTooltip"。

我的功能如下：

_showTooltip: function(e) {
    var item = Polymer.dom(e).rootTarget;
    //........here I get Information out of my item to use it in my tooltip and display it
}

如何将原始item的信息传输到此功能？

谢谢！

Answer 1

您没有提及或标记您使用的是哪个版本的Polymer，所以我将为您指出Polymer 2的文档，因为这是我使用的，但是我猜聚合物3也必须存在类似的东西。

由在dom-repeat中呈现的元素触发的任何事件都将添加一个model键，在该键下您将具有上下文，因此您将从HTML那里获取item。

您可以在文档here中看到它。

要开始，您可以尝试：

_showTooltip: function(e) {
    var item = Polymer.dom(e).rootTarget;
    //........here I get Information out of my item to use it in my tooltip and display it
    console.log(e.model); debugger;
}

然后从那里继续。

在Polymer中使用HTML-Tag中的属性

1 个答案: