Html 我在侧导航中显示嵌套json文件时遇到了一个问题

我在将嵌套json显示到mat侧导航时遇到问题

我的json文件部门：

{departmentID: 15;                             
 departmentName: Site;
 listOfDepartment: Department []}

所以我有5个子级别，与全球部门类型相同

我的问题：我只能显示此树的两级，不能显示更多

我将非常感激任何帮助。。。 下面是我的HTML代码

{{部门名称}
活动1
{{dep.departmentName}
雪佛龙右
进一步扩展

我检查了我的递归，它工作得很好，我现在看到的显示和隐藏子部门的代码是错误的

showMenu（depId:number）：boolean{return depId==this.curDepId；}toggleMenu（depId:number）{if（this.curDepId==depId）{this.curDepId=0；console.log（'close'）else{this.curDepId=depId；console.log（'open'）}

如何正确更改此代码？THX！因此我需要带有切换和折叠事件的多级垂直菜单。。。。