dart - 在Dart PolymerElement中嵌套在另一个PolymerElement中

Question

我正在尝试像这样在另一个PolymerElement中嵌套Dart PolymerElements。

@CustomTag('test-box')
class Box extends PolymerElement{
    @observable List<Child> childs = new List<Child>();

    Box.created() : super.created() { }
}

@CustomTag('test-child')
class Child extends PolymerElement{
    Child.created() : super.created() { }
}

然后在 testbox.html 中

<link rel="import" href="testchild.html">
<polymer-element name="test-box">
  <template>
    <div>
      <ol name="child-list">
        <template repeat="{{child in childs}}">
          {{child}}
        </template>
      </ol>
    </div>
  </template>
  <script type="application/dart" src="testbox.dart"></script>
</polymer-element>

Dart / Polymer可以做到吗？我所有的尝试都失败了。
我想处理类似类的html节点。

提前致谢

Answer 1

您可以使用模型对象通过已发布的属性将数据传递给子元素。

检查以下示例:https://github.com/sethladd/dart-polymer-dart-examples/tree/master/web/observable_objects_inside_list_changes