dart - 重复内容，聚合物 Dart

Question

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

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

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

Answer 1

更新

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

这是不支持的。 Mustache 绑定(bind)无法插入 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 中。