Improve this Doc View Source ngNonBindable

  1. directive in module ng

Overview

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.

Directive Info

  • This directive executes at priority level 1000.

Usage

  • as attribute: 
    <ANY
  ng-non-bindable>
...
</ANY>
  • as CSS class: 
    <ANY class="ng-non-bindable"> ... </ANY>

Example

In this example there are two locations where a simple interpolation binding ({{}}) is present, but the one wrapped in ngNonBindable is left alone.

© 2010–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.6.9/docs/api/ng/directive/ngNonBindable