使用任何事件调整$ mdSidenav的大小

Question

我希望在任何事件中调整$mdSidenav的大小：

<md-button ng-click="openLeftMenu()">
  Open Left Menu
</md-button>
<md-sidenav class="md-sidenav-left md-whiteframe-z2"
                    md-component-id="left"
                    md-is-locked-open="$mdMedia('gt-md')">
</md-sidenav>

和js：

$scope.openLeftMenu = function() {
    var el = $element.find('md-sidenav');
    el.toggleClass("hover");
};

使用这种方法，可以添加类，但不会影响md-sidenav的大小 我不知道这是否是调整md-sidenav大小的正确方法。任何建议都将不胜感激。

md-sidenav.hover {
     min-width: 20px;
     max-width: 20px
}

Answer 1

.md-sidenav-left.hover {
     min-width: 20px;
     max-width: 20px
}