Улучшить эту статьюПривязка данных

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

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

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

Привязка данных в шаблонах AngularJS

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

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

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

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