Skip to content Skip to sidebar Skip to footer

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 d

Solution 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.

Solution 2:

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

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

Post a Comment for "How To Display Html Inside Template?"