CODEWITHSUNDEEP
htmltemplatespolymer
gaplyk
gaplyk

Reputation: 13

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.

Upvotes: 1

Views: 2894

Answers (2)

Sasha Firsov
Sasha Firsov

Reputation: 697

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

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

Upvotes: 2

ebidel
ebidel

Reputation: 24109

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.

Upvotes: 2

Related Questions