Web 如何在dart中创建自定义元素？

我正在尝试在dart中创建自定义元素。它应该只包含2个按钮。它从来没有真正通过建设过程…我做错了什么

class GraphButton extends Element {
  factory GraphButton() => new Element.tag('GraphButton');
  ButtonElement colorBtn;
  ButtonElement removeBtn;

  GraphButton.created() : super.created() {

  }

  void setup(String buttonText) {
    text = buttonText;
    //initialize color btn
    colorBtn
      ..id = 'colorBtn' + text
      ..text = "colorSelector"
      ..onClick.listen(
          (var e) => querySelector('#output').text = id + 'button clicked!');

//initialize remove button
    removeBtn
      ..id = 'removeBtn' + text
      ..text = 'X'
      ..onClick.listen(
          (var e) => this.remove());

  //add to DOM
  this.children
  ..add(colorBtn)
  ..add(removeBtn);
  }
}

---

您的代码中存在一些问题

• 自定义元素需要遵循命名规则，即它们的名称中需要有一个

  -

• 需要注册元素，以便浏览器能够实例化它们
• 未调用您添加的

  设置（…）

  方法，因此未向按钮添加标题
• 自定义元素需要扩展

  HtmlElement

另见：

---

有什么问题？我现在没有时间仔细看一看，但是这里已经有类似的问题和答案了。修复了所有问题。非常感谢你的帮助！您是否介意接受答案以明确您的问题已解决（通过单击向上和向下投票按钮下方的复选标记。谢谢。在测试环境中，这显然不起作用，因为

registerement

方法似乎已禁用。你们是否也有同样的问题？您对“禁用”的意思是什么也许浏览器API改变了。自此以后，自定义元素确实发生了很大的变化，但从那以后我就没有使用过Dart。