How to check if ng-content was passed into the component?

Question

I have component with ng-content in it`s template.

@Component({ selector: 'some-cmp', template: `<ng-content></ng-content>` }) export class SomeCmp { }

So I can use it like that:

<some-cmp></some-cmp> // or <some-cmp> <span>xyz</span> </some-cmp>

How to correctly check if somebody was passed as content or nothing was passed in the component?

I just need to check if anything is between > and </ of my component selector.

Possible duplicate of In Angular 2 how to check whether <ng-content> is empty? — Tu Nguyen
– Tu Nguyen, Commented Sep 24, 2018 at 12:46

scottmgerstl · Accepted Answer · 2019-07-29 17:42:47Z

1

If this is a styling based question, you can look into the :empty CSS selector

answered Jul 29, 2019 at 17:42

7858 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1