如何在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 Link和Github Link，文档非常简单。

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

如果某些功能不适合您，但您仍然想使用此插件，那么create an issue here我会帮您的忙。

P.S。它也可以在IE11中使用。

谢谢