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

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

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

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

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

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

angular angular-material angular-cdk

10.07.2024 00:43

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

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

Демо @ StackBlitz

10.07.2024 06:00

Другие вопросы по теме

Значок кнопки с контуром

Angular Paginator после фильтрации

Использование устаревших стилей материала angular в angular is 17 дает эту ошибку

Как переместить элемент с абсолютным позиционированием на передний уровень приложения? (Угловая версия 17)

Как изменить цвет фона мат-чипа Angular Material 18

Компонент пользовательского интерфейса Angular Material для панели поиска?

Слайдер мата не работает должным образом с dir="rtl"

Автозаполнение Angular Material в версии 15.4.9 не работает

Пользовательский интерфейс Angular Material – Как добавить проверку onBlur для флажков/переключателей?

Ошибка типа: невозможно прочитать свойства неопределенного значения (чтение «фильтра») в подписке Angular RxJS

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

Ответы 1

Другие вопросы по теме

Похожие вопросы