How can I call function from directive after component's rendering?

Question

How can I call function from directive after component\'s rendering?

I have component:

export class Component {
  ngAfterContentInit() {
  // How c         


        

Answer 1

Calling the method from within a component is not a good idea. Using a directive helps in a modular design, but when you call the method, you get a dependency from the component to the directive.

Instead, the directive should implement the AfterViewInit interface:

@Directive({
    ...,
    selector: '[directive]',
})
export class DirectiveClass implements AfterViewInit {
    ngAfterViewInit(): void {}
}

This way, your component doesn't have to know anything about the directive.