Как работает двусторонняя привязка данных в Angular с использованием Input и Output?

Двусторонняя привязка данных в Angular с использованием Input и Output работает следующим образом: angular.dev

1. В дочернем компоненте должны быть:

• свойство @Input(); angular.dev
• соответствующий эмиттер событий @Output(), который имеет то же имя, что и свойство ввода, плюс «Change» в конце. angular.dev Эмиттер должен выдавать события того же типа, что и свойство ввода; angular.dev
• метод, который отправляет в эмиттер событий обновлённое значение @Input(). angular.dev

1. В родительском компоненте нужно:

• обернуть имя свойства @Input() в синтаксис двусторонней привязки; angular.dev
• указать соответствующее свойство, которому присваивается обновлённое значение. angular.dev

При двусторонней привязке имя свойства вывода должно быть именем свойства ввода с суффиксом «Change». www.angulararchitects.io www.concretepage.com