如何在 Dart 代码中创建 Dart Polymer 自定义元素的实例？答案

【问题标题】：How to create an instance of Dart Polymer custom element in Dart code?如何在 Dart 代码中创建 Dart Polymer 自定义元素的实例？
【发布时间】：2013-09-06 07:49:48
【问题描述】：

关于如何在 Dart 代码中创建 Dart web-ui 自定义元素有 a guide。这个技术还有sample code

有没有关于如何从 Dart 代码创建 Dart Polymer 自定义元素的示例？有一个issue 表示无法使用new Element.html() 创建自定义元素。但是在 web-ui 中根本不需要使用new Element.html()。尽管 web-ui 需要编写几行代码，但至少它起作用了。有没有类似的技术可以从 Dart 代码创建 Dart Polymer 元素？

【问题讨论】：

我认为这是一个已知问题。 code.google.com/p/dart/issues/detail?id=12089
@user1848653 这是我帖子中的第三个链接。该问题是关于使用 Element.html 构造函数创建自定义元素的实例。如果有另一种选择，我很感兴趣，类似于使用 web-ui 可以做的事情（我帖子中的第二个链接）
这还不可能。当有办法手动将自定义元素插入页面时，请为该错误加注星标。

标签： dart polymer

【解决方案1】：

示例代码如下：

import 'dart:html';
import 'package:polymer/polymer.dart';

main() {
  querySelector('#add-here').children.add(new Element.tag('my-element'));
}

注意new Element.tag('my-element')的使用。

【讨论】：

【解决方案2】：

我在chromedeveditor、e.g. here on Github的源代码上发现了一个他们正在使用的简洁的小sn-p

他们使用

factory ExampleUi() => new Element.tag('ExampleUi');

这样您就可以使用以下方法构造元素：

new ExampleUi();

【讨论】：