2013-09-03 10 views
7

Istnieje a guide w sprawie tworzenia niestandardowego elementu Dart web-ui w kodzie Dart. Istnieje również sample code dla tej techniki.Jak utworzyć instancję niestandardowego elementu Dart Polymer w kodzie Dart?

Czy istnieje przykład na to, jak utworzyć niestandardowy element dartowy z kodu Dart? Istnieje issue informujące, że niestandardowego elementu nie można utworzyć przy użyciu new Element.html(). Ale w Internecie nie było potrzeby korzystania z new Element.html(). Chociaż web-ui wymagało napisania kilku linii kodu, ale przynajmniej zadziałało. Czy istnieje podobna technika tworzenia elementów Dart Polymer z kodu Dart?

+0

Myślę, że to znany problem. https://code.google.com/p/dart/issues/detail?id=12089 – user1848653

+0

@ user1848653 To jest trzeci link w moim poście. Ten problem polega na utworzeniu instancji niestandardowego elementu za pomocą konstruktora Element.html. Interesuje mnie, czy istnieje inna alternatywa, podobna do tej, którą można zrobić za pomocą web-ui (drugi link w moim poście). – Y2i

+0

To nie jest jeszcze możliwe. Zaznacz błąd, aby otrzymać powiadomienie, gdy istnieje sposób ręcznego wstawienia niestandardowego elementu na stronę. –

Odpowiedz

15

Oto przykładowy kod:

import 'dart:html'; 
import 'package:polymer/polymer.dart'; 

main() { 
    querySelector('#add-here').children.add(new Element.tag('my-element')); 
} 

Wskazówka wykorzystanie new Element.tag('my-element').

1

znalazłem schludny mały fragment one używasz na kodzie źródłowym chromedeveditor, e.g. here on Github

Używają

factory ExampleUi() => new Element.tag('ExampleUi'); 

tak, że można skonstruować element z:

new ExampleUi();