Современный курс Angular 15: Добавить в корзину с помощью output()

В этом видео мы рассмотрим взаимодействие дочерних и родительских элементов в Angular, связав кнопку «Добавить в корзину» на карточках товаров с уведомлением родительской сетки товаров. В видео №11 мы увидели, как `input()` передает данные от родителя к дочернему элементу. Теперь мы пойдем в обратном направлении: компонент `ProductCard` генерирует событие для `ProductsGrid` с помощью функции `output()`, чтобы родительский элемент мог отреагировать на нажатие пользователем кнопки «Добавить в корзину». В этом видео вы узнаете: • Как работает взаимодействие дочерних и родительских компонентов в современном Angular • Как объявить канал событий с помощью функции `output()` • Как передавать типизированные значения из дочернего компонента с помощью `.emit()` • Как прослушивать события пользовательских компонентов с помощью `(eventName)="handler($event)"` • Почему презентационные («простые») компоненты только получают входные данные и передают выходные данные • Как функции `input()` и `output()` соотносятся как два направления взаимодействия компонентов 📦 Репозиторий исходного кода: https://github.com/loiane/modern-angular 🎥 Полный плейлист курса по современному Angular:    • Modern Angular Course: From Zero to Advanced   📌 Этот курс предназначен для: • Разработчиков, только начинающих работать с Angular • Разработчиков, переходящих с более старых версий Angular версии 🔔 Подпишитесь, чтобы следить за полным курсом по современному Angular. ⏱️ Главы скоро #ModernAngular #AngularCourse