DART 自定义元素(没有聚合物的 Vanilla DART)

Question

我通过 DART 自定义元素，来自 dartlang.org 站点，here和 here .

如果我理解正确，这是一个普通的 DART 自定义元素，与 Polymer 自定义标签无关。

我写了下面的代码，

class CustomElement extends HtmlElement {
factory CustomElement() => new Element.tag('x-custom');

     CustomElement.created() : super.created() {
     print('CustomElement created!');
   }
}

void main() {
   document.registerElement('x-custom', CustomElement);
}

并获得了“创建自定义元素!”语句打印在控制台中，这意味着该元素已创建!

我的问题是，还有什么？我如何使用这个 custom 元素，我可以用它做什么 我可以编写 HTML 模板，如果是，如何？

我读了 this但不幸的是无法用 DART 做同样的事情。

有什么想法吗!

Answer 1

这也被 Polymer 使用。 Polymer 只是自定义元素、HTML 导入、模板、Polymer、Polyfills 和一些连接这些部分的模板的组合，并提供了一个很好的 API。
如果您想重新发明轮子，您可以单独使用 CustomElement。

将您的主要更改为

void main() {
   document.registerElement('x-custom', CustomElement);
   var elem = new Element.tag('x-element');
   elem.appendText('x-element');
   document.body.append(elem);
   elem.onClick.listen((e) {
     print('clicked');
   });
}

你可以对点击事件使用react