Wie kann ich bei Verwendung von AngularJS geschweifte Klammern für die Anzeige auf der Seite umgehen?

Ich möchte, dass der Benutzer doppelte geschweifte Klammern sieht, aber Angular bindet sie automatisch. Dies ist der umgekehrte Fall dieser Frage, bei dem beim Laden der Seite keine geschweiften Klammern zum Binden angezeigt werden sollen.

Ich möchte, dass der Benutzer Folgendes sieht:

My name is {{person.name}}.

Aber Angular wird {{person.name}}durch den Wert ersetzt. Ich dachte, das könnte funktionieren, aber Angular ersetzt es immer noch durch den Wert:

{{person.name}}

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

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

Dokumentation @ ngNonBindable

Bearbeiten: Das Hinzufügen eines Schrägstrichs in Klammern innerhalb der Anführungszeichen funktioniert

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

auch dies .. umgeht Winkelinterpretation

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

Das auch ..

{{ person.name }<x>} 

{{ person.name }<!>}

In unserem Fall wollten wir geschweifte Klammern in einem Platzhalter darstellen, sodass sie in einem HTML- Attribut angezeigt werden mussten . Wir haben das benutzt:

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

Wie Sie sehen können, bauen wir eine Saite aus drei kleineren Saiten auf, um die geschweiften Klammern getrennt zu halten.

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

Dadurch wird die Verwendung vermieden, ng-non-bindablesodass wir weiterhin ng-Attribute an anderer Stelle im Element verwenden können.

Verwendung ng-non-bindableim Container, dies gilt für alle Elemente in diesem Container.

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

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

Aktualisiert für Angular 9

Verwenden Sie ngNonBindablediese Option , um die Interpolationsbindung zu umgehen.

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

Ich wollte einzelne Klammern im Text und die oben genannten Lösungen funktionierten bei mir nicht. Wollte also den Angular empfehlen.

Winkelversion: 5

Erforderlicher Text: Mein Name ist {person.name}.

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

Ich hoffe es hilft jemandem.