DEV Community


Disable Interpolation Angular

Hassam Ali
Updated on ・1 min read

Alt Text
You can disable string interpolation in angular by using ngNonBindable directive. This is useful in cases where you want to show some text but do not want it to be interpolated like showing some code snippet.


In angular pair of curly braces are used for string interpolation e.g

<span ngNonBindable>My name is {{name}}</span>
Enter fullscreen mode Exit fullscreen mode
<div>{{ 1 + 1 }}</div> // <div>2</div>
<div ngNonBindable>{{ 1 + 1 }}</div> // <div>{{1 + 1}}</div>
Enter fullscreen mode Exit fullscreen mode

Discussion (1)

konradlinkowski profile image
Konrad Linkowski

That's a cool article. I didn't know that.