Как создать динамическое c многоуровневое меню в Angular материале

Question

У меня проблема. Мне нужно создать динамическое c многоуровневое меню с использованием материала angular, источник данных выглядит следующим образом:

[
    {
        "name": "Frontend",
        "children": [
            {
                "name": "HTML"
            },
            {
                "name": "Angular"
            },
            {
                "name": "CSS"
            }
        ]
    },
    {
        "name": "Backend",
        "children": [
            {
                "name": "Node"
            },
            {
                "name": "PHP",
                "children": [
                    {
                        "name": "Cake PHP"
                    }
                ]
            }
        ]
    }
]

Структура данных может вырасти на любую глубину, поэтому является динамической c. Как можно адаптировать это для создания динамического c многоуровневого angular меню материала? В документации просто берутся c примеров

Answer 1

Я не знаю, ищите ли вы ответ. Если да, то я создал плагин для Angular, который создает многоуровневое меню.

Вот NPM Ссылка и Github Link , документация очень приятная и простая.

На всякий случай, если вы хотите посмотрите больше примеров, у меня есть демо для вас, и это Github Repo из демо.

Если что-то не работает для вас, и вы все еще хочу использовать этот плагин, тогда создайте проблему здесь Я помогу вам.

PS он также работает в IE11.

Спасибо