custom-controls - プログラムで特別なポリマー要素を作成する

Question

次のhtmlを持つポリマー要素を取得しました:

<polymer-element name="tab-bar">
  <template>
    <button>Hello</button>
    <template repeat="{{item in items}}">
      <div>This element is {{ item }}</div>
    </template>
  </template>
  <script type="application/dart" src="tab_bar.dart"></script>
</polymer-element>

基礎となる dart クラスは次のようになります。

import 'package:polymer/polymer.dart';

@CustomTag('tab-bar')
class TabBar extends PolymerElement {
  List items;

  TabBar(List<String> items) {
    this.items = toObservable(items);
  }
}

次のアプローチでは、プログラムで要素を追加することはできません。

query('body').children.add(createElement(new TabBar(['One','Two','Three'])));

では、このようなポリマー要素をプログラムで追加し、コンストラクターでリストを設定するにはどうすればよいでしょうか?