angular-material md-menu组件是否支持子菜单?

时间:2015-10-13 23:45:11

标签: angularjs angular-material

我在“菜单栏”示例中看到了一个子菜单 - https://material.angularjs.org/latest/demo/menuBar

实际menu component没有子菜单的例子。

我查看了菜单栏示例并使用了md-menu,因此应该在常规菜单中支持它,对吧?我尝试了它,它打破了整个菜单(顶层也停止工作)。

我猜它只是不受支持?我找到了this discussion,但我不知道该怎么做。

2 个答案:

答案 0 :(得分:2)

检查here,此示例中有子菜单。版本1.0.5

答案 1 :(得分:0)

    <md-menu-item>

        <md-menu style="padding:0px;">

            <md-menu-item>

                <!-- ACCOUNT SETTINGS -->
                <md-button ng-click="$mdOpenMenu()">
                    <md-icon md-font-set="md">assignment_ind</md-icon>
                    Account Settings
                </md-button>

            </md-menu-item>

            <!-- SUBMENU-->
            <md-menu-content>

                <!-- CHANGE PASSWORD -->
                <md-menu-item>
                    <md-button>
                        <md-icon md-font-set="md">security</md-icon>
                        Change Pasword
                    </md-button>
                </md-menu-item>

                <!-- DELETE ACCOUNT -->
                <md-menu-item>
                    <md-button>
                        <md-icon md-font-set="md">delete_forever</md-icon>
                        Delete Account
                    </md-button>
                </md-menu-item>

            </md-menu-content>

        </md-menu>

    </md-menu-item>