Разница между ViewChild и ContentChild

@ContentChild и @ViewChild используются для доступа к первому элементу или директиве, соответствующим селектору.

@ContentChild:

• Запросы контента делаются перед ngAfterContentInit (после ngOnInit и ngDoCheck)
• Невозможно получить элементы или директивы, которые находятся в шаблонах других компонентов.

@ViewChild:

• Запросы представления делаются перед ngAfterViewInit (после ngAfterContentInit и ngAfterContentChecked)
• Поддерживает запросы к DOM
• К любому классу в декораторами @Component или @Directive
• К переменной шаблона (т.е. к <my-component #cmp></my-component> через @ViewChild('cmp'))
• К любому провайдеру из дочернего компонента текущего компонента (т.е. @ViewChild(SomeService) someService: SomeService)
• К TemplateRef (т.е. @ViewChild(TemplateRef) template)