Angular.js - это такой JavaScript фреймворк, который создала Google. Сегодня он крайне популярен в США. Он был создан для того чтобы внести немного волшебства в одностраничники.
Давайте разбираться.
Привязки данных.
Вот простой пример:
<body ng-app>
<span>Insert your name:</span>
<input type="text" ng-model="user.name" />
<h3>Echo: {{user.name}}</h3>
</body>
Этот простой пример привязывает поле ввода к текстовому заголовку. Связка произошла благодаря ng-model директиве.
Ок, но где будет храниться наше введенное значение ? Правильно в области данных. Как только мы будет менять что-то в поле ввода, то область данных тоже будет меняться мгновенно. А показать что у нас сохранилось мы можем интерполировав наше user.name где угодно на странице путем нехитрых скобок {{..}}. т.е. в этих скобках мы сможем показать значение любой переменной.
Область данных - $scope. К нему мы имеем доступ из контроллера и шаблона.
Вольный перевод http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/