Polymer 1.x nl2br，或在模板中验证html的探索

在自定义元素模板中，假设一个字符串（如

hello\world

存储为

this.foo

）

如何用

替换

\n

在SE上发现的几个帖子提到了Juicy（） 其他人使用自定义元素作为包装（请参阅）

但是，难道没有更直接的方法吗？做一些类似于：

<template is="dom-repeat" items="{{bubbles}}">
  <li><span class="content">{{getContent(item)}}</span></li>
</template>

{{getContent（item）}

及

getContent:函数（项）{
返回项目。内容。替换（/\\n/g，“
”）
}

问题是

没有作为HTML元素计算

那么，是否有一种正确的方法可以根据某些允许的标记来验证字符串（本例中为

br

），或者我真的必须这样做

你觉得怎么样

好吧，现在看来实现这一点的最好（也是唯一的？）方法是将HTML字符串作为参数传递给我的自定义元素，而不是使用

innerHTML

将HTML注入到所述自定义元素中

这正是Juicy（）所做的

---

最后，在自定义元素中使用

innerHTML

yourself，或者使用Juicy；）

如果使用

innerHTML

属性，则会将其计算为

HTML

，请参见。我知道您是从函数调用它，但是看看您是否可以使用它。是的，这相当于在内容周围使用虚拟包装器元素。这是可能的，但是。。感觉就像用火箭筒射击苍蝇一样：/I我想知道是否有办法验证HTML并将其注入，就像许多fw在将HTML注入模板时所做的那样。。。

getContent: function(item) {
    return item.content.replace(/\\n/g, "<br />")
}