Jak uniknąć nawiasów klamrowych w celu wyświetlenia na stronie podczas korzystania z AngularJS?

Chcę, aby użytkownik zobaczył podwójne nawiasy klamrowe, ale Angular wiąże je automatycznie. Jest to odwrotny przypadek tego pytania, w którym chcą oni nie widzieć nawiasów klamrowych używanych do łączenia podczas ładowania strony.

Chcę, aby użytkownik zobaczył to:

My name is {{person.name}}.

Ale Angular zastępuje {{person.name}}wartość. Pomyślałem, że to może zadziałać, ale angular nadal zastępuje go wartością:

{{person.name}}

Plunker: http://plnkr.co/edit/XBJjr6uR1rMAg3Ng7DiJ

<code ng-non-bindable>{{person.name}}</code>

Dokumentacja @ ngNonBindable

Edycja: dodanie \ ukośnika w nawiasach kwadratowych wewnątrz cudzysłowów działa

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

to też ... omija interpretację kątową

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

to też ..

{{ person.name }<x>} 

{{ person.name }<!>}

W naszym przypadku chcieliśmy umieścić nawiasy klamrowe w symbolu zastępczym, więc musiały pojawić się wewnątrz atrybutu HTML . Użyliśmy tego:

 <input placeholder="{{ 'Hello {' + '{person.name}' + '}!' }}" ...>

Jak widać, tworzymy ciąg z trzech mniejszych ciągów, aby rozdzielić nawiasy klamrowe.

'Hello {' + '{person.name}' + '}!'

Pozwala to uniknąć używania, ng-non-bindablewięc możemy nadal używać ng-atrybutów w innym miejscu elementu.

Użyj ng-non-bindablew pojemniku, działa to na wszystkie elementy wewnątrz pojemnika.

<div ng-non-bindable>
  <span>{{person.name}}</span>
  <img src="#" alt="{{person.name}}">
  <input placeholder="{{person.name}}">
</div>

<span>{{</span>{{variable.name}}<span>}}</span>

Zaktualizowano dla Angular 9

Służy ngNonBindabledo unikania powiązania interpolacyjnego.

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

Chciałem używać pojedynczych nawiasów w całym tekście, a powyższe rozwiązania nie działały. Tak więc chciałem polecić Angular.

Wersja kątowa: 5

Wymagany tekst: Nazywam się {person.name}.

<span>My name is {{'{'}}person.name{{'}'}}.</span>

Mam nadzieję, że to komuś pomoże.

Z kompilatora Angular:

Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.)

Więc w pierwotnym pytaniu - skończyłoby się:

My name is {{ '{' }}{{ '{' }}person.name{{ '}' }}{{ '}' }}