@ViewChild on child component

Asked Jul 05 '22 at 12:55

Active Jul 05 '22 at 12:55

Viewed 23 times

I am trying to modify the css of a child component ( app-dashboard-menu ) from the parent ( app-dashboard-router )

In dash-router:

 @ViewChild('menu') el!: ElementRef;
  constructor(private renderer: Renderer2) { }

  doSomething(){
    this.renderer.setStyle(this.el.nativeElement, 'background', 'yellow');
  }

In component dash-menu:

<div class="machin" #menu>
  ....
</div>

--> and I have this error: Cannot read properties of undefined (reading 'nativeElement')

asked Jul 05 '22 at 12:55

Orel M

You can't use `@ViewChild` to view a template in a different component. Use an input property or a service. – Chris Hamilton Jul 05 '22 at 13:00
@ChrisHamilton - that's a shame, thx for your help – Orel M Jul 05 '22 at 13:15
@MohitSharma, no, i need to get element of an other component - so i create only one component from router and menu - thx – Orel M Jul 05 '22 at 13:18

@ViewChild on child component

0 Answers0