创建一个与用户提供的模板一起使用的Polymer.Dart元素

Question

我正在尝试创建一个聚合物元素，让用户提供模板，以便根据该模板创建一堆项目。

我认为查看core-list-dart的代码可能是一个很好的起点，因为它的工作方式正是如此：

<core-list-dart id="list" data="{{data}}">
  <template>
    <div>Hello, {{model.name}} {{model.surname}}</div>
  </template>
</core-list-dart>

但是，我一直在查看代码，我无法找到它创建元素的位置并将它们添加到DOM中。

我认为它与使用 template_binding 包有关，但我仍然不知道如何使用它。

有人能指出我正确的方向吗？ 提前致谢

Answer 1

我也认为core_list_dart是一个很好的例子。看看attached()方法 首先在子项中查找template标记，然后使用templateBind注册模板。 initializeData方法设置模型

templateBind(template).model = _physicalData;
template.attributes['repeat'] = '';

如果不将集合用作数据，则可能不需要repeat。

我建议您到目前为止尝试使用您收到的错误或不符合预期的错误发布您的代码。