Я изо всех сил пытаюсь создать полноценную рабочую навигацию с вложенными меню, используя модуль меню @angular/cdk.
Вот StackBlitz.
Почему вложенные меню не закрываются, когда я выбираю другое меню верхнего уровня?
Пример, который у нас есть:
| меню 1 | меню 2 |
Когда мы нажимаем на меню 1, отображается его подменю; и когда я нажимаю на меню 2, подменю меню 1 не закрывается автоматически и остается открытым. (см. StackBlitz)
🤔 А знаете ли вы, что...
Angular обеспечивает высокую производительность благодаря использованию виртуального DOM.
Примените { static: true }
в @ViewChild
, чтобы решить проблему:
@ViewChild('childMenu', { static: true }) public childMenu!: TemplateRef<any>;