重复内容，聚合物飞镖

Question

我想循环遍历自定义聚合物元素的所有子元素 - 例如，将每个子元素放在一个新的div中。

    

<template repeat="{{child in children}}">
  <div>
    {{child}}
  </div>
</template>

当我尝试这个时，我得到了child的toString（）版本，而不是元素本身。有没有办法在重复中引用元素本身，而不是它的toString（）方法的结果？

Answer 1

<强>更新

Dart Polymer 1.0的即用型元素是bwu-bind-html

---

不支持此功能。小胡子绑定不能插入HTML。

您可以做的是使用提供该功能的Polymer元素 请查看我对HTML Tags Within Internationalized Strings In Polymer.dart <safe-html>的回答。

使用此元素，您的代码将如下所示：

<template repeat="{{child in children}}">
  <div>
    <safe-html model="{{child}}"></safe-html>
  </div>
</template>

您可能需要自定义NodeValidator结构，该结构定义允许添加哪种元素。

此功能可能会带来安全风险（XSS），因此默认情况下不会包含在Polymer中。