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

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

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

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

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

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

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

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

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