Динамически вводить элемент в Mat Menu во время выполнения

Question

Я использую меню циновки, чтобы отобразить доступные параметры в моем проекте в качестве крошки.когда я пытаюсь добавить новый элемент, он добавляется в БД, и объект массива получает его правильно, но угловое меню mat не обновляется.

Это моя ссылка, которую я использую: https://stackblitz.com/edit/dynamic-nested-topnav-menu-vq6jmd?file=app%2Fapp.component.ts

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

Answer 1

Изменение содержимого массивов не запускает механизм обнаружения изменений Angular.

Вы можете сделать это, вызвав deteChanges вручную после добавления нового элемента.

this.changeDetector.detectChanges();

Проверьте этот ответ для деталей: https://stackoverflow.com/a/41298329/11420760

Или вы можете просто переназначить ваш массив, это вызовет его

Answer 2

Спасибо за ваш ответ.

Моя проблема решена.Я удалил дочерний компонент и добавил его в родительский компонент, и теперь мои динамические данные загружаются.

, как в примере. Я удалил компонент элемента меню и связал его с компонентом приложения.

Спасибо за ваше время и интерес.