How to display html inside template?

问题

I have polymer-element:

example

By default templates is not allowed to insert html.

This sample is not working, because it's not allowed to insert html. Maybe exists the way to do that.

回答1:

One way to do this is through a *Changed watcher and setting the .innerHTML the node:

<div id="div"></div>

labelChanged: function() {
  this.$.div.innerHTML = this.label;
}

Then, for the <template repeat> case, wrap things up in a custom element that follows the similar pattern: https://stackoverflow.com/a/22208332.

回答2:

<element inner-h-t-m-l="{{prop}}"></element>

works for Polymer 2. Source: https://github.com/Polymer/TemplateBinding/issues/57

来源：https://stackoverflow.com/questions/22311574/how-to-display-html-inside-template