多级移动导航角度

Question

（要直接使用移动​​格式与https://www.littleworker.fr/ 做相同的菜单，您可以尝试使用下面的链接和检查模式）

我有一个移动导航，可通过单击移动中的汉堡包打开，我有不同的级别/类别，例如：

建筑物（lv1）：

家（lv2）

平坦（lv2）

城堡（lv2）

帮助（仅一级）

....

当我单击它时，我希望能够看到一个级别1的不同级别2项：

菜单：

首页

建筑物>

帮助

如果我点击建筑物，我将有一个新的导航：

MENU>建筑：

首页

平面

城堡

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>