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

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

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

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

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

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

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

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

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