How to display tags in plain htm inside ng-app of angular js

Question

I'me new to Angular JS. I wanted to know how to display the tags(or directive, expression etc.) written in my htm as such (present inside the ng-app).

eg

<div ng-app="myExampleApp">
    <input type="text" ng-model="firstname"/>
    {{firstname}}
</div>

Now the textbox htm should be shown as such. (instead of a text box getting rendered). Please let me know how to escape them

One way is to use &lt and &gt and so on. But what about ng-model and how to prevent the expression from getting evaluated.

Answer 1

ng-non-bindable directive will do this!. :)

eg

<div ng-app="myExampleApp">
    <input type="text" ng-model="firstname"/>
    <label ng-non-bindable="">{{firstname}}</label>
</div>