Angular material 如何在md菜单中禁用滚动?

Angular material 如何在md菜单中禁用滚动?,angular-material,Angular Material,我用有棱角的材料。我想在菜单中隐藏滚动。而且只有固定高度的菜单。但它并没有使高度足够大以禁用滚动。 这是我的密码: <md-toolbar ng-init="vm.hasLogged()" class="sidebar-left-toolbar" md-theme="{{::triSkin.elements.logo}}"> <md-menu md-offset="-200 56"> <h2 flex class="sidebar-left-ti

我用有棱角的材料。我想在菜单中隐藏滚动。而且只有固定高度的菜单。但它并没有使高度足够大以禁用滚动。 这是我的密码:

<md-toolbar  ng-init="vm.hasLogged()" class="sidebar-left-toolbar" md-theme="{{::triSkin.elements.logo}}">

<md-menu md-offset="-200 56">
        <h2 flex class="sidebar-left-title"  ng-click="$mdOpenMenu()">{{::vm.sidebarInfo.appName}}</h2>

    <md-menu-content  aria-label="open menu" width="4" style="height1: 250px">
        <md-menu-item >
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Setup
            </md-button>
        </md-menu-item>
        <md-menu-item>
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Work
            </md-button>
        </md-menu-item>
        <md-menu-divider></md-menu-divider>
        <md-menu-item>
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Reports
            </md-button>
        </md-menu-item>
        <md-menu-item>
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Workflow
            </md-button>
        </md-menu-item>
        <md-menu-item>
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Cuan
            </md-button>
        </md-menu-item>
        <md-menu-item>
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Admin
            </md-button>
        </md-menu-item>
        <md-menu-item>
            <md-button  ng-if="vm.isLogged" ng-click="vm.logout()">
                Logout
            </md-button>
        </md-menu-item>
    </md-menu-content>
</md-menu>

{{::vm.sidebarInfo.appName}
安装程序
工作
报告
工作流程
魁
管理
注销

我试过使用style=“height:xxx”使菜单变小。但是不要太大

您可以使用CSS-

CSS

此解决方案的唯一问题是它会影响所有菜单。似乎没有办法像其他AM指令一样将类分配给菜单。

您可以使用CSS-

CSS


此解决方案的唯一问题是它会影响所有菜单。似乎没有办法像其他AM指令一样将类分配给菜单。

这是一个老问题,但我遇到了同样的问题

我是这样解决的:

<md-menu-content width="4" class="maxHeightNone">

.maxHeightNone{
   max-height: none;
}

maxHeightNone先生{
最大高度:无;
}

这样,您不需要指定最小高度,它将适应md菜单的内容。

这是一个老问题,但我遇到了同样的问题

我是这样解决的:

<md-menu-content width="4" class="maxHeightNone">

.maxHeightNone{
   max-height: none;
}

maxHeightNone先生{
最大高度:无;
}
这样,您不需要指定最小高度,它将适应md菜单的内容