ng-content and contentChildren

[deep ravine]

would you mind sharing the stackblitz?

[old vector]

contentChildren(".myClass"); is not correct. If you pass a string to contentChildren (let's say 'foo'), then it looks for elements in the projected content marked with a template variable named foo, i.e. something like <div #foo>.
Also, you can't project several different things with ng-content.

[minor jetty]

I'm not sure about what do u want to do properly but do you have a root inner DOM? If yes, you could use:

@Component({
selector: 'upper',
template: <ng-content></ng-content>
})
export class UpperComponent {
@Input
content: String;

@ContentChild(...)
element: any;
}

[minor jetty]

And catch like:

@Component({
selector: 'upper',
template: <div #foo> <ng-content></ng-content> </div>
})
export class UpperComponent {
@ViewChild('foo') content: ElementRef;

I hope you can do it. Good afternoon.