Многоуровневая мобильная навигация угловая

Question

(чтобы напрямую хотеть сделать то же самое меню, что и https://www.littleworker.fr/ в мобильном формате вы можете попробовать по ссылке ниже и в режиме проверки)

У меня есть мобильная навигация, которая открывается нажатием на гамбургер в мобильном телефоне, у меня есть разные уровни / категории, например:

здания (lv1):

дом (лв2)

квартира (лв2)

замок (лв2)

справка (только один уровень)

....

и я хочу иметь возможность видеть элементы разного уровня 2 одного уровня 1, когда я нажимаю на него:

МЕНЮ:

ГЛАВНАЯ

ЗДАНИЯ>

HELP

если я нажимаю на здания, у меня новая навигация:

МЕНЮ> ЗДАНИЯ:

ГЛАВНАЯ

FLAT

ЗАМОК

navigation.ts:

public navigation: any = [
  {
    title: 'buildings',
    url: '',
    level2: [
      {
        title: 'home',
        url: 'test'
      },
      {
        title: 'flat',
        url: 'test'
      }
    ]
  },
  {
    title: 'help',
    url: 'testbis',
    level2: []
  }
];

HTML:

 <div *ngFor="let navElement of navigation" class="nav-element">
        <a href="{{navElement.url}}">{{navElement.title}}</a>
        <fa *ngIf="navElement.level2.length" name="angle-right" size="2x"></fa>
    </div>