2013-09-03 7 views
7

Es gibt a guide zum Erstellen von Dart Web-Ui benutzerdefinierte Element in Dart-Code. Es gibt auch sample code für diese TechnikWie erstelle ich eine Instanz von Dart Polymer benutzerdefinierte Element in Dart-Code?

Gibt es ein Beispiel zum Erstellen eines benutzerdefinierten Dart-Polymer-Elements aus Dart-Code? Es gibt eine issue, die besagt, dass ein benutzerdefiniertes Element nicht mit new Element.html() erstellt werden kann. Aber im Web-UI gab es keine Notwendigkeit, new Element.html() überhaupt zu verwenden. Obwohl das Web-UI einige Zeilen Code schreiben musste, funktionierte es zumindest. Gibt es eine ähnliche Technik zum Erstellen von Dart-Polymer-Elementen aus Dart-Code? Hier

+0

Ich denke, das ist ein bekanntes Problem. https://code.google.com/p/dart/issues/detail?id=12089 – user1848653

+0

@ user1848653 Dies ist der dritte Link in meinem Beitrag. In diesem Problem wird eine Instanz eines benutzerdefinierten Elements mit dem Konstruktor Element.html erstellt. Ich bin interessiert, wenn es eine andere Alternative gibt, ähnlich der, die mit web-ui gemacht werden könnte (der zweite Link in meinem Beitrag) – Y2i

+0

Dies ist noch nicht möglich. Bitte markieren Sie den Fehler, um benachrichtigt zu werden, wenn Sie ein benutzerdefiniertes Element manuell in die Seite einfügen können. –

Antwort

15

ist der Beispielcode:

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

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

Beachten Sie die Verwendung von new Element.tag('my-element').

1

fand ich einen netten kleinen Schnipsel sie auf dem Quellcode chromedeveditor verwenden, e.g. here on Github

Sie verwenden

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

, so dass Sie mit dem Element konstruieren könnten:

new ExampleUi();