页面初始加载时显示了两个菜单

Question

启动应用程序后，主菜单可见。我也希望菜单一现在也可见。

我觉得我的代码过于复杂，因此很难添加此功能。

https://stackblitz.com/edit/angular-3q8e8q

data = SideMenu.data.subOptions[0].children;
// selected: number;
selected: number = 0;

constructor() { }

ngOnInit() {
}
showSubMenu(item: {}, i: number) {
   console.log(item['children']);
   this.selected = i;
   this.changeMainMenu.emit(item['children']);
}

希望在开始时显示主菜单和子菜单一个。

此时子菜单二应该不可见。

Answer 1

在showSubMenu上调用ngOnInit()方法，并传递第一项和索引0，以显示主菜单的第一项及其子项。这将触发您的事件，并在页面加载时显示子菜单。

ngOnInit() {
   this.showSubMenu(this.data[0], 0);
}