سایدبار با منوهای تودرتو

دوستان من انگولار کار میکنم، میخوام یک سایدبار طراحی کنم که از یک ul و li تشکیل بشه که زمانی که روی هر آیتم کلیک بشه یک منوی دیگه با آیتمهای زیرمجموعش باز بشه، یه جورایی میشه گفت آبشاری! 

توضیح بیشتر اینکه اگه روی هر آیتم کلیک کنی آیتمهای زیرمجموعش باز بشه و روی هرکدوم از آیتمهای زیرمجموعه کلیک کنی باز دوباره آیتمهای زیرمجموعش باز بشن و الی اخر…

راستش نمیدونم تو نت چی سرچ کنم چون این روال به صورت نامحدود ممکنه تکرار بشه، نمیدونم چطور کامپوننت طراحی کنم؟!

ممنون میشم کسی کمکم کنه، اموزشی فیلمی یا ادرسی یا اینکه حداقل چی رو باید سرچ کنم

ممنونم از دوستان عزیزم

سلام میتونید از این لینک ها استفاده کنین شاید به دردتون بخوره :

https://www.bennadel.com/blog/3601-more-fun-with-recursive-components-tree-state-and-one-way-data-flow-in-angular-7-2-13.htm

https://www.ozkary.com/2017/06/angular2-navigation-menu-with-recursive.html

برای دیدن منابع بیشتر میتونید سرچ کنید :

recursive menu angular