The ngNonBindable directive tells Angular not to compile or bind the contents of the current DOM element. This is useful if the element contains what appears to be Angular directives and bindings but which should be ignored by Angular. 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>
...
</ANY>
```
as CSS class:
```
<ANY class=""> ... </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.

Edit in Plunker

<div>Normal: {{1 + 2}}</div>
<div ng-non-bindable>Ignored: {{1 + 2}}</div>

it('should check ng-non-bindable', function() {
  expect(element(by.binding('1 + 2')).getText()).toContain('3');
  expect(element.all(by.css('div')).last().getText()).toMatch(/1 \+ 2/);
});