Polymer 聚合物显示<；br/>；而不是一条新的路线

我创建了一个显示地址的聚合元素。该地址包含新行的

\n

，因此我想将其替换为

这是模板：

 <br/>
  {{sanitizeAddress(address)}}
 <br/>

这是实际输出：

第一行，
第二行

这是预期输出：

第一行，
第二行

---

如何使

消失并显示新行？

默认情况下，Polymer会自动转义绑定中的HTML内容，以防止意外导致不想要的DOM更改。一种简单的方法是将

id

分配给某个元素，然后当数据可用时，以这种方式插入：

<dom-module id="my-element">
  <template>
    <div id="addressContainer"></div>
  </template>
  <script>
    Polymer({
      is: 'my-element',
      properties: {
        address: {
          type: String,
          observer: '_addressChanged'
        }
      },

      _addressChanged: function(newValue) {
        this.$.addressContainer.innerHTML = newValue;
      }
    });
  </script>
</dom-module>

聚合物({
是‘我的元素’，
特性：{
地址:{
类型：字符串，
观察者：“\u地址已更改”
}
},
_addressChanged:函数（newValue）{
此.$.addressContainer.innerHTML=newValue；
}
});

---

请注意，只对您信任的HTML执行此操作。

是的。这正是我最终要做的。非常感谢。

<dom-module id="my-element">
  <template>
    <div id="addressContainer"></div>
  </template>
  <script>
    Polymer({
      is: 'my-element',
      properties: {
        address: {
          type: String,
          observer: '_addressChanged'
        }
      },

      _addressChanged: function(newValue) {
        this.$.addressContainer.innerHTML = newValue;
      }
    });
  </script>
</dom-module>