The ngNonBindable directive tells AngularJS not to compile or bind the contents of the current
DOM element, including directives on the element itself that have a lower priority than
ngNonBindable. This is useful if the element contains what appears to be AngularJS directives
and bindings but which should be ignored by AngularJS. This could be the case if you have a site
that displays snippets of code, for instance.
<ANY
ng-non-bindable>
...
</ANY><ANY class="ng-non-bindable"> ... </ANY>In this example there are two locations where a simple interpolation binding ({{}}) is present,
but the one wrapped in ngNonBindable is left alone.
<div>Normal: {{1 + 2}}</div>
<div ng-non-bindable>Ignored: {{1 + 2}}</div>