动态产生聚合物元素 [英] Dynamically create polymer element

问题描述

我已将登录元素定义如下：

I have defined login element as follows:

<polymer-element name="my-login" extends="form">
  <template> ...</template>

和dart类如下：

@CustomTag('my-login')
  class MyLogin extends PolymerElement { .... }

在主应用程序组件中，我尝试创建我的登录，如下所示：

In the main application component, I am trying to create my-login as follows:

 MyLogin p =  new Element.tag("my-login", "FormElement");

这会产生异常：

类型'HtmlElement'不是'p'的类型'MyLogin'的子类型。

Exception: type 'HtmlElement' is not a subtype of type 'MyLogin' of 'p'.

如果从聚合物元素声明中删除extends = form

The code works if "extends=form" is removed from polymer-element declaration :

 <polymer-element name="my-login">

并创建如下：

MyLogin p =  new Element.tag("my-login");

如何动态创建扩展其他HTML元素的自定义元素？

How to dynamically create custom element that extends other HTML element?

推荐答案

您应该将它实例化为

Element y = new Element.tag('form', 'my-login');

似乎不起作用的是

MyLogin y = new Element.tag('form', 'my-login');

这将导致插入元素的HTML

this should result in the HTML for the inserted element

<form is="my-login"></form>

这篇关于动态产生聚合物元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！