Bind raw html in Aurelia

Question

Using Aurelia, I want to fill an <div> with contents of viewmodel property (lets call it htmlText) which contains html text, and I was using

<div>
${htmlText}
</div>

However, this encodes html so, instead of i.e. having paragraph or link, all tags are escaped so html can be seen as source.

Is there out of the box binder to do this?

Answer 1

You can accomplish this using the innerhtml binding like so:

<div innerhtml.bind="htmlText"></div>