Javascript 循环显示菜单的角度设置

我正在尝试创建菜单和子菜单。。我想要的菜单结构如下所述。这是我正在尝试的演示，我弄错了结构

演示

---

您需要在此处再进行一次迭代，才能进入子菜单并删除顶级标签，因为它对您的案例没有任何用处：

HTML

{{innerData1.key}


{{item.value}}

---

那么你想要三个级别？Test->Sub Test->Examples？没有两个级别的子测试作为主菜单，Example和Ex2作为子菜单。为什么在示例的顶层有Test和Test3？如果您希望子测试是顶级的，我将得到该格式的json响应，并希望将子测试提取为主菜单和示例，并将Ex2提取为子菜单，这就是您所寻找的

"Sub Test": { // Main menu

 "Example1":"hai",//sub menu

 "Ex2":"hello"// sub menu

},

<ul *ngFor="let partner of list_value | keyvalue let i=index">

    <li *ngFor="let innerData of partner.value | keyvalue">


        <ul class="submenu">
            <li *ngFor="let innerData1 of innerData.value | keyvalue">
                {{innerData1.key}}
                <ul class="submenu">
                    <li *ngFor="let item of innerData1.value | keyvalue">
            {{item.value}}
                    </li>
                </ul>
            </li>
        </ul>

    </li>
</ul>