ダーツでポリマー要素をプログラムで作成する

Question

DOMにポリマーペーパードロップダウンメニューを追加する必要があります。 PaperDropdownMenuで、その後PaperListboxで

makePapersElements() { 
     List _items = new List(); 

     for (var i = 0; i < 13; i++) { 
     PaperItem item = new dom.Element.tag('paper-item'); 
     item.text = i; 

     _items.add(item); 
     } 

     return _items; 
    } 

そして、追加ノード： 私はこのコードを試してみてください

List<PaperItem> items = makePapersElements(); 

    var element = new dom.Element.tag('div'); 

    PaperDropdownMenu dropMenu = new PaperDropdownMenu(); 
    PaperListbox listBox = new dom.Element.tag('paper-listbox'); 


    dropMenu.append(listBox); 
    listBox.nodes.addAll(items); 

    element.nodes.add(dropMenu); 

    $['example'].nodes.add(element); 

それが現在動作していないが：

それを行うことができますか？

更新：要旨を追加しましたあなたはnew Xxx()とPaperDropDownMenuとPaperlistboxを作成することができます https://gist.github.com/Rasarts/a0b6710e234ec8b4aa37f90e4cd14839

Answer 1

、new dom.Element.tag('Xxx')のための必要はありませんこれらの要素は、これが

• https://github.com/dart-lang/polymer_elements/blob/7912e0e6641155505007a89140f11c25db14e3f8/lib/paper_listbox.dart#L61
• すでに行われている利便性のコンストラクタが含まれているためhttps://github.com/dart-lang/polymer_elements/blob/7912e0e6641155505007a89140f11c25db14e3f8/lib/paper_dropdown_menu.dart#L69

Polymer DOM APIを使用していないため、問題があると思います。 https://github.com/dart-lang/polymer-dart/wiki/local-domも参照してください。フル・シャドーDOMを有効にした場合（ネイティブ・サポートなしで完全なポリフィルを使用している場合）のみ、このAPIを使用する必要はありません。

makePapersElements() { 
    List _items = new List(); 

    for (var i = 0; i < 13; i++) { 
    PaperItem item = new PaperItem(); 
    item.text = i; 

    _items.add(item); 
    } 

    return _items; 
} 

List<PaperItem> items = makePapersElements(); 

var element = new dom.Element.tag('div'); 

PaperDropdownMenu dropMenu = new PaperDropdownMenu(); 
PaperListbox listBox = new PaperListbox(); 


Polymer.dom(dropMenu).append(listBox); 

// not sure this will work 
Polymer.dom(listBox).childNodes.addAll(items); 

// alternatively 
var listboxDom = Polymer.dom(listBox); 
for(var item in items) { 
    listboxDom.append(item); 
} 

Polymer.dom(this)appen(dropMenu); 
// ro Polymer.dom(this.root)appen(dropMenu); 


Polymer.dom($['example']).append(element); 

Answer 2

はい、私はそれが間違っていません。例が助けられました。ありがとう。 https://github.com/bwu-dart-playground/polymer1/blob/12a4bca9c5c5b21c690af0bd4451407b64899a6e/so36689312_programmatically_create_paper_elements/web/pdm_element.dart#L36-L36