Angular 2+ call a function in a child component from its parent component

Question

I\'d like to know the best way to do this, and if there are different ways. I\'m trying to call a function in a child component from its parent component. So if I have:

Answer 1

For calling a function of a child, you'll need @ViewChild. However, for showing/hiding a component, you are better off solving this within the template:

    Toggle child
    

No need for declaring a custom function hide().