Làm cách nào để thoát dấu ngoặc nhọn để hiển thị trên trang khi sử dụng AngularJS?

Tôi muốn người dùng nhìn thấy các dấu ngoặc nhọn kép, nhưng Angular tự động liên kết chúng. Đây là trường hợp ngược lại của câu hỏi này khi họ muốn không nhìn thấy dấu ngoặc nhọn được sử dụng để liên kết khi trang đang tải.

Tôi muốn người dùng thấy điều này:

My name is {{person.name}}.

Nhưng Angular thay thế {{person.name}}bằng giá trị. Tôi nghĩ điều này có thể hoạt động, nhưng góc độ vẫn thay thế nó bằng giá trị:

{{person.name}}

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

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

Documentation @ ngNonBindable

Chỉnh sửa: thêm \ gạch chéo giữa các dấu ngoặc vuông bên trong dấu ngoặc kép hoạt động

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

điều này cũng vậy .. bằng cách chuyển thông dịch góc cạnh

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

cái này nữa ..

{{ person.name }<x>} 

{{ person.name }<!>}

Trong trường hợp của chúng tôi, chúng tôi muốn trình bày dấu ngoặc nhọn trong trình giữ chỗ, vì vậy chúng cần xuất hiện bên trong thuộc tính HTML . Chúng tôi đã sử dụng cái này:

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

Như bạn có thể thấy, chúng tôi đang tạo một chuỗi từ ba chuỗi nhỏ hơn, để giữ cho các dấu ngoặc nhọn được phân tách.

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

Điều này tránh sử dụng ng-non-bindableđể chúng tôi có thể tiếp tục sử dụng ng-các thuộc tính ở nơi khác trên phần tử.

Sử dụng ng-non-bindabletrong vùng chứa, điều này có hiệu lực trên tất cả các phần tử bên trong vùng chứa ở đây.

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

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

Đã cập nhật cho Angular 9

Sử dụng ngNonBindableđể thoát ràng buộc nội suy.

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

Tôi muốn có một dấu ngoặc đơn trên văn bản và các giải pháp trên không phù hợp với tôi. Vì vậy, đã muốn Angular được đề xuất.

Phiên bản Angular: 5

Nội dung Bắt buộc: Tên tôi là {person.name}.

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

Tôi hi vọng nó giúp ích cho ai đó.