Введение в компонентный подход в Angular

Пусть у нас есть сайт. На этом сайте мы можем выделить некоторые блоки: хедер, контент, сайдбар, футер и так далее. Каждый блок можно разделить на более мелкие подблоки. К примеру в хедере обычно можно выделить логотип, меню, блок контактов и так далее.

В Angular каждый такой блок называется компонентом. Каждый компонент может содержать в себе более мелкие компоненты, те в свою очередь еще более мелкие и так далее.

Каждому компоненту в Angular соответствует папка с файлами, расположенная в папке src.

Один из компонентов должен будет основным - тем, к которому добавляются остальные компоненты. В Angular по умолчанию таким компонентом будет компонент App. К этому компоненту будут подключаться другие компоненты. Как это делается - мы разберем далее в учебнике.