Prevent Angular from escaping HTML

Question

When Angular interpolates markup and inserts scoped variables into a {{post}} style template, it escapes HTML.

The application I'm building requires users to create the templates, using curly brace notation to insert variable names, I don't want to overcomplicate it by bringing in directives for some variables and curlies for others.

Is there a way to render non escaped HTML through curly templates?

My only alternative is to render a proxy element when the user attempts to render {{post}}, which I can then grab with jQLite and insert the HTML by hand, but that is all shades of messy. Any ideas?

Answer 1

Your going to want to look at ngBindHtml.

"To utilize this functionality, ensure that $sanitize is available, for example, by including ngSanitize in your module's dependencies (not in core Angular.)"