В этом учебнике для новичков мы разберемся с 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-приложение не загрузилось.