當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。