如何在Dart代码中创建一个Dart Polymer自定义元素实例？

Question

有一个指南，介绍如何在Dart代码中创建Dart Web-UI自定义元素。这个技术还有示例代码。

是否有关于如何从Dart代码创建Dart Polymer自定义元素的示例呢？ 有一个问题称不能使用new Element.html()来创建自定义元素。但是在Web-UI中根本不需要使用new Element.html()。虽然Web-UI需要编写几行代码，但至少它能够正常工作。是否有类似的技术可以用于从Dart代码创建Dart Polymer元素呢？

- Y2i

---

我认为这是一个已知的问题。https://code.google.com/p/dart/issues/detail?id=12089 - Tusshu

@user1848653 这是我帖子中的第三个链接。该问题涉及使用Element.html构造函数创建自定义元素的实例。我想知道是否有另一种替代方法，类似于可以在web-ui中完成的操作（我帖子中的第二个链接）。 - Y2i

目前还不可能。请给这个错误打星标，以便在手动插入自定义元素的方法出现时得到通知。 - Seth Ladd

Answer 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')。

- Seth Ladd

Answer 2

我发现在Chrome Dev Editor的源代码中，他们使用了一个很棒的小片段，例如在Github上。

他们使用了：

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

这样你就可以使用以下方式构建元素：

new ExampleUi();

- sthzg