Data binding

Без фреймворка вы несете ответственность за передачу данных в HTML и обработку пользовательских ответов в действия и обновление значений.

Angular поддерживает data binding - механизм координации частей шаблона с частями компонента.

В Angular data binding двух сторонний.

Как видно из диаграммы, существуют четыре формы синтаксиса привязки данных. Каждая форма имеет направление - к DOM, от DOM или в обоих направлениях.

Разобрать на примерах все случаи

Data binding играет важную роль в общении между темплейтом и его компонентом.

Data binding также важен для связи между родительскими и дочерними компонентами.

Использовать data binding для связи между компонентами на одном уровне не стоит. Для этого есть другие средства.