В этом уроке мы рассмотрим базовые принципы Angular компонентов — переменные и методы компонентов, интерполяция, события
Компоненты в Angular — это то, с чем взаимодействует пользователь: просматривает информацию и взаимодействует с ней (клики и пр.)
Компонент в Angular — это класс, который имеет свой шаблон и стили. Шаблоны, стили и другие настройки описываются в декораторе @Component . Шаблон компонента содержит html код с динамическими данными — публичными полями класса компонента. Такие данные в шаблоне интерполированы — имеют вид {{propertyName}}.
Также в шаблонах часто используются события. Например, клик мыши (см пример кода и видео). Данные события обрабатываются публичными методами класса компонента. ООП не позволяет использовать protected и private поля и методы в шаблонах, так они могут использоваться только внутри класса.
Код урока - http://kamil-abzalov.ru/videouroki/javascript/angular-components-intro/
