Escape expression curly braces

Question

I'm writing a web tutorial for AngularJS using AngularJS. I'm using bootstrap <pre></pre> tags for some of the example code. I'm just wondering how do you go about escaping the curly brace {{ }} symbols from being processed as an AngularJS expression. I've tried html codes { and } but these are just processed as if they were the ASCII curly braces.

This may be a duplicate of http://stackoverflow.com/questions/16868024/how-do-i-escape-curly-braces-for-display-on-page-when-using-angularjs — pietro909, May 29 '16 at 07:40
@pietro909 Thank you! Turns out you can use tags inside of
tags — Harrison Tran, May 29 '16 at 07:44

score 2 · Accepted Answer · edited May 23 '17 at 12:17

2

You can use <code></code> tags inside of <pre></pre> tags.

With this you can use <code ng-non-bindable>{{}}</code>.

Orginial Solution:

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

edited May 23 '17 at 12:17

Community

1
1

answered May 29 '16 at 07:44

Harrison Tran

1,491
3
13
25

Escape expression curly braces

1 Answers1