Polymer 2.0调用函数

时间:2017-05-11 09:12:26

标签: javascript polymer polymer-2.x

我对在Polymer 2.0中发布/构建元素有疑问

我使用凉亭制作聚合物2。然后我编码了我的元素。当我在index.html中调用<my-element></my-element>时,我可以在这个项目中使用它。

在我的Polymer课程中,我有一些功能。我应该在我的新项目中做什么,我将导入我的构建元素<my-element></my-element>来调用这些函数? 例如,我将有一些文件form.html,在此我将有<my-element></my-element>。我应该在<script></script>调用my-element.myFunction();

2 个答案:

答案 0 :(得分:1)

与所有其他元素完全相同。你在项目中使用了一些纸质元素吗?你在调用一些函数吗?

假设你有元素

<my-element id="myElement"></my-element>

然后在<script>标记

this.$.myElement.someFunction();

将您的元素想象为所有函数和属性的Wrapper。在代码中定义<my-element>会创建它的实例,然后通过DOM创建它。你在HTML中使用Normaly document.getElementById("someID"),但在聚合物中(如果你使用的是阴影dom),你只需要this.getElementById("someID")或简写this.$.someID。所以第一步是获取元素,第二步是调用函数或属性。 this.$.someID.someFunction()

首先,您需要了解聚合物的一些基础知识。试试聚合物的入门教程。不要忘记,您创建的所有元素的行为与聚合物的元素完全相同。您的元素将具有不同的样式,功能和属性

答案 1 :(得分:0)

如果您打开检查器并选择自定义元素并转到检查员的控制台键入$ 0。您将获得包含该方法的下拉列表。