如何在 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。

謝謝