Выражения в AngularJS

В этом учебнике для новичков мы разберемся с AngularJS. Сразу разберем простой пример. 

Для начала откройте песочницу JSFiddle

Слева на панели Frameworks & Extensions выберите AngularJS 1.2.1


Тем самым мы подключили фреймворк и можем начать его использовать.

Теперь в окошке HTML напишем следующий код:

<body ng-app>
  <p>Nothing here {{'yet' + '!'}}</p>
  <p>1 + 2 = {{ 1 + 2 }}</p>
</body>

Здесь мы видим привычный нам тег <body> с атрибутом ng-app. Только в терминах AngularJS это не атрибут, а директива. Загрузчик AngularJS-приложения начинает с поиска этой директивы в HTML-коде.

В двойных фигурных скобках указывается выражение, которое вычисляется и результат подставляется на то место, где было выражение.

Запустим приложение (для этого надо нажать кнопку Run) и посмотрим, что получилось:


Попробуйте убрать директиву ng-app и вы увидите, что выражения перестали вычисляться, потому что AngularJS-приложение не загрузилось.