I am trying to create dynamic, nested menus in Angular(9), following this link.
I don't know what is missing, getting below errors.
My code in stackblitz. TIA.
3
-
1what you trying do here can explain moreharkesh kumar– harkesh kumar2020-05-06 10:33:05 +00:00Commented May 6, 2020 at 10:33
-
@harkeshkumar I am trying to create dynamic menus using mentioned link, but unable to create..Sunil Bamal– Sunil Bamal2020-05-06 10:55:22 +00:00Commented May 6, 2020 at 10:55
-
@RazRonen can you please explain more, not getting you.Sunil Bamal– Sunil Bamal2020-05-06 10:55:55 +00:00Commented May 6, 2020 at 10:55
Add a comment
|
1 Answer
The issue here is that menu.childMenu, which is ViewChild, is not initalized yet at the time of passing it to the matMenuTriggerFor directive.
Simple fix is to tell Angular to initialize it before ngOnInit by using static: true option in @ViewChild decorator:
@ViewChild('childMenu', { static: true }) public childMenu;
1 Comment
Sunil Bamal
thanks @yurzui, its working like a charm on stackblitz. Actually I have already tried it but had no luck. Wasted lots of time on this fix, thanks alot again. Just checking if its working in project as well, will let you know...