当前位置: 首页>>编程示例 >>用法及示例精选 >>正文


Dart HtmlDocument.registerElement2用法及代码示例

dart:html 库中HtmlDocument.registerElement2 方法的用法介绍如下。

用法:

Function registerElement2(
   String tag,    
   [Map? options]   
)
      override

注册一个自定义的 Element 子类,以便由 DOM 实例化。

这是允许构建任何自定义元素所必需的。

注册的类必须是 HtmlElement 或 SvgElement 的子类。如果他们直接将这些子类化,那么它们可以用作:

class FooElement extends HtmlElement{
   void created() {
     print('FooElement created!');
   }
}

main() {
  document.registerElement('x-foo', FooElement);
  var myFoo = new Element.tag('x-foo');
  // prints 'FooElement created!' to the console.
}

自定义元素也可以通过 HTML 使用语法 <x-foo></x-foo> 进行实例化

其他元素也可以被子类化:

class BarElement extends InputElement{
   void created() {
     print('BarElement created!');
   }
}

main() {
  document.registerElement('x-bar', BarElement);
  var myBar = new Element.tag('input', 'x-bar');
  // prints 'BarElement created!' to the console.
}

这个自定义元素也可以通过 HTML 使用语法 <input is="x-bar"></input> 进行实例化

相关用法


注:本文由纯净天空筛选整理自dart.dev大神的英文原创作品 registerElement2 method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。