如何在 Angular 材质中创建动态多级菜单

Question

我有个问题。 我需要使用角度材质创建一个动态多级菜单，数据源如下所示

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

数据结构可以增长到任何深度，因此是动态的。 如何调整它以创建动态多级角度材质菜单？。 该文档仅采用静态示例

Answer 1

不知道你是否还在寻找答案。 如果是，那么我已经为 Angular 创建了一个插件，它创建了一个多级菜单。

这是一个NPM 链接和Github 链接，文档非常简洁。

以防万一，如果你想看更多的例子，我有一个演示给你，这是演示的Github Repo 。

如果某些东西对你不起作用，而你仍然想使用这个插件，那么在这里创建一个问题，我会帮助你。

PS 它也适用于 IE11。

谢谢