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

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

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

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

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

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

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

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

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