Javascript 多级角度js下拉列表

我正在使用下拉列表。但它只有一个级别下拉列表。这可用于显示以下响应

[
    { id: 1, label: 'Facility 01' },
    { id: 2, label: 'Facility 02' },
    { id: 3, label: 'Facility 03' },
    { id: 4, label: 'Facility 04' },
    { id: 5, label: 'Facility 05' },
    { id: 6, label: 'Facility 06' },
    { id: 7, label: 'Facility 07' },
    { id: 8, label: 'Facility 08' },
];

但我需要的是一个多层次的下拉列表来显示下拉列表中的以下响应

[
  {
    "id": 8,
    "label": "AA",
    "items": [
      {
        "id": 9,
        "label": "BB",
        "items": [
          {
            "id": 10,
            "label": "DD",
            "items": []
          }
        ]
      },
      {
        "id": 11,
        "label": "CC",
        "items": []
      }
    ]
  }
]

我想使用显示上面的响应。有人能帮我吗？

---

谢谢

您可以在这里找到问题的解决方案。

---

plnkr.co/edit/gHzV9d？p=preview

我使用了刚才提到的引导下拉列表。我想在我现在使用的下拉列表中使用相同的功能。不能使用引导下拉列表，因为我不知道它的完整工作原理，而且我是新手