How to display html inside template?

Question

I have polymer-element:

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.

score 2 · Accepted Answer · edited May 23 '17 at 12:13

2

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.

edited May 23 '17 at 12:13

Community

answered Mar 10 '14 at 21:33

ebidel

score 2 · Answer 2 · answered Nov 04 '17 at 12:31

2

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

answered Nov 04 '17 at 12:31

Sasha Firsov

2 Answers2