Вложенное меню навигации с CdkMenu

Я изо всех сил пытаюсь создать полноценную рабочую навигацию с вложенными меню, используя модуль меню @angular/cdk.

Вот StackBlitz.

Почему вложенные меню не закрываются, когда я выбираю другое меню верхнего уровня?

Пример, который у нас есть:

| меню 1 | меню 2 |

Когда мы нажимаем на меню 1, отображается его подменю; и когда я нажимаю на меню 2, подменю меню 1 не закрывается автоматически и остается открытым. (см. StackBlitz)

🤔 А знаете ли вы, что...
Angular обеспечивает высокую производительность благодаря использованию виртуального DOM.


2
55
1

Ответ:

Решено

Примените { static: true } в @ViewChild, чтобы решить проблему:

@ViewChild('childMenu', { static: true }) public childMenu!: TemplateRef<any>;

Демо @ StackBlitz