How do I escape curly braces for display on page when using AngularJS?

Question

I want the user to see double curly braces, but Angular binds them automatically. This is the opposite case of this question where they want to not see curly braces used fo

Answer 1

Edit: adding \ slash between brackets inside the quotes works

{{  "{{ person.name }\}"   }}  

this too .. by passes angular interpreting

{{ person.name }<!---->}

this too ..

{{ person.name }<x>} 

{{ person.name }<!>}

Answer 2

Updated for Angular 9

Use ngNonBindable to escape interpolation binding.

<div ngNonBindable>
  My name is {{person.name}}
</div>