AngularJS: первое знакомство
15 сентября 2015, 22:42
Введение
Angular — MVW-фреймворк (JavaScript Framework)
MVW означает Model-View-Whatever (модель — вид — что угодно)
Angular это не просто фреймворк — это подход
- Мы концентрируемся на данных, данные же заботятся об HTML, а мы просто занимаемся программированием приложения.
У приложения есть один модуль app.
angular.module('app', []);
Модули могут храниться и вызываться через переменную. Вот пример хранения модуля в переменной.
var app = angular.module('app', []);
Для описания того, где приложение находится в DOM, а обычно это элемент , нам надо связать атрибут ng-app с модулем. Так мы сообщаем Angular, куда подгрузить наше приложение.
<html ng-app="app"> <head></head> <body></body> </html>
Область видимости
$scope — это автоматический мост между JavaScript и DOM, хранящий синхронизированные данные.
Пример приложения
<!DOCTYPE html> <html ng-app="app"> <head> <meta charset="utf-8"> <title>Приложение на базе AngularJS</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js"></script> <script type="text/javascript"> angular.module('app', []); </script> </head> <body> <p>El!te <=> {{ 31000 + 337 }}</p> </body> </html>
вывести приложение должно следующее:
El!te <=> 31337
Твитнуть
Поделиться
Поделиться
Популярное