Angularjs with Material design md-menu-item multi-column

Question

我根据angularjs材料的演示创建了菜单。在演示菜单中是动态的。我手动创建了菜单。而且每件事都很好。

我只是想知道，是否可以在多栏中制作菜单，而不是制作单一的下拉菜单。

我的一些代码

<md-toolbar>
                    <div class="md-toolbar-tools">
                        <md-menu md-position-mode="target-left bottom"  md-offset="-22 6">
                            <md-button aria-label="Plan & Book" ng-click="$mdOpenMenu($event)">
                                Parent Item 1
                            </md-button>
                            <md-menu-content width="4">
                                <md-menu-item>
                                    <md-button>Item 1</md-button>
                                </md-menu-item>
                <md-menu-item>
                                    <md-button>Item 2</md-button>
                </md-menu-item>
                <md-menu-item>
                                    <md-button>Item 3</md-button>
                </md-menu-item>
                            </md-menu-content>
                        </md-menu>

                    </div>
                </md-toolbar>

我的完整代码集http://codepen.io/milindsaraswala/pen/aZJQXO

请告诉我