![](https://webcf.waybackmachine.org/web/20240619004113im_/https://habrastorage.org/r/w780/getpro/habr/upload_files/88b/413/664/88b4136640d40310d0f155257e138058.jpg)
ng-container в Ангулар - это структурная директива в Angular, которая позволяет создавать группы элементов без добавления дополнительного узла в DOM. Это полезно, когда нужно применить директиву или использовать условные конструкции или циклы *ngFor
для группы элементов, но при этом не добавлять лишних тегов в разметку.
ng-container
не является компонентом и не создает своего собственного экземпляра, поэтому к нему не получится доступ через ViewChild
или ContentChild
. Он просто действует как контейнер для элементов, которые вы хотите группировать. Поэтому вместо того чтобы использовать <div> который будет рендериться в дереве компонента при сборке и занимать лишнее место лучше использовать ng-container - собственно это и есть его суть!