Итак, у меня есть событие в одном компоненте, и я хочу, чтобы оно обрабатывалось в другом компоненте. Angular позволяет мне это делать?
Большое да! В @ angular / core у нас есть @Output и EventEmitter, которые позволяют нам передавать событие от одного компонента к другому.
Давайте посмотрим, как это сделать.
Итак, чтобы выполнить функцию родительского компонента при нажатии кнопки в дочернем компоненте, мы используем декоратор @Output
Скажем, есть кнопка внутри дочернего компонента, и мы создаем индекс переменной, который передается как параметр события.
Здесь мы создали функцию food (), которая вызывается при событии щелчка кнопки и генерируется событие foo. Параметр принимает значение индекса.
Теперь, используя дочерний компонент внутри родительского компонента, например:
Вот как мы могли бы вызвать функцию в родительском компоненте в событии щелчка кнопки, размещенной в дочернем компоненте.
Каждый раз, когда мы нажимаем на кнопку, значение индекса увеличивается на 1.
Использование @Output очень удобно, когда дело касается улучшения взаимодействия с пользователем.
