Улучшить эту статьюСвязывание данных

Связывание данных в приложениях AngularJS — это автоматическая синхронизация данных между компонентами модели и представления. Способ, которым AngularJS реализует связывание данных, позволяет рассматривать модель как единственный источник истины в вашем приложении. Представление всегда является проекцией модели. Когда модель изменяется, представление отражает изменения, и наоборот.

Связывание данных в классических системах шаблонов

Большинство систем шаблонов связывают данные только в одном направлении: они объединяют компоненты шаблона и модели в представление. После объединения изменения в модели или связанных разделах представления НЕ автоматически отражаются в представлении. Хуже того, любые изменения, которые пользователь вносит в представление, не отражаются в модели. Это означает, что разработчик должен писать код, постоянно синхронизирующий представление с моделью и модель с представлением.

Связывание данных в шаблонах AngularJS

Шаблоны AngularJS работают иначе. Сначала шаблон (который представляет собой нескомпилированный HTML вместе с любыми дополнительными разметками или директивами) компилируется в браузере. Этап компиляции создаёт динамическое представление. Любые изменения в представлении немедленно отражаются в модели, а любые изменения в модели распространяются на представление. Модель является единственным источником истины для состояния приложения, что значительно упрощает модель программирования для разработчика. Вы можете рассматривать представление как просто мгновенную проекцию вашей модели.

Поскольку представление является лишь проекцией модели, контроллер полностью отделён от представления и не осведомлён о нём. Это делает тестирование лёгким, так как легко протестировать ваш контроллер изолированно без представления и связанной зависимости DOM/браузера.

Связанные темы

• Области AngularJS
• Шаблоны AngularJS