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

Question

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

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

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

标签： angularmenunestedangular-material

Answer 1

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

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

以防万一，如果您想查看更多示例，我为您准备了一个 演示，这是演示的Github Repo。

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

PS它也适用于IE11。

谢谢