Is there a way to disable Angular's double curly brace notation for selected DOM elements?

Question

On our website we display user-generated content (blog posts etc.). It's rendered by a Symfony app. The frontend is currently being rewritten in the form of an Angular app. Now we noticed that when a user's blog post contains double curly brace notation, Angular will process it, which is undesired.

Is there a way in Angular to disable the double curly brace parsing for certain DOM elements?

Answer 1

Yes, use the ng-non-bindable directive. in the element that wraps your dynamic user editable content.

<div ng-non-bindable>{{some text}}</div>

Answer 2

I'm not sure about a direct answer for ignoring interpolation on certain elements but you can change the symbol used if it's in conflict with other data you have:

http://docs.angularjs.org/api/ng.$interpolateProvider#endsymbol