Как создать пользовательский элемент в дротике?

Question

Я пытаюсь создать пользовательский элемент в дротике. Он должен содержать только две кнопки. Это никогда не делает это через процесс строительства ... что я делаю неправильно?

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); 
    } 
} 

Answer 1

В коде есть несколько проблем.

• Пользовательские элементы должны следовать правилам именования, что они должны иметь - в имени
• Элемент должен быть зарегистрирован для того, чтобы браузер, чтобы иметь возможность создать экземпляр их
• Метод setup(...) вы добавили не вызывалась, поэтому не заголовок был добавлен к кнопке
• Пользовательские элементы должны расширить HtmlElement

DartPad example

Смотрите также:

• Registering custom element in Dart lang
• extendTag in Dart custom element