This is the first in a series of posts on the basics of AngularJS as it pertains to the ServiceNow platform. I hope this handful of tutorials or similar blog posts will show the building blocks of leveraging AngularJS in ServiceNow as well as identify any gotchas or workarounds that you may need to do to fit into the ServiceNow paradigm.

This first tutorial covers just a basic Model element on a form.

The goal is to take the following Basic HTML form and leverage Angular to create a dynamic experience. Essentially our form will have a simple edit box. When you type something in the edit box, we want it to show up in the text below it.

To get step by step instructions on building out this use case in ServiceNow with AngularJS, please see my full blog entry: Angular in ServiceNow: Tutorial #1 - Model Basics