在功能中锁定md-sidenav

时间:2016-04-05 16:03:41

标签: angularjs angular-material sidebar

我想在函数中以角度打开右侧导航,然后保持打开,除非发生诸如按钮单击之类的事件。现在我可以在一个功能中打开它,但点击身体区域关闭侧面导航。任何帮助将非常感激。

1 个答案:

答案 0 :(得分:1)

在询问任何解决方案之前,您应该参考文档和研究。

您应该使用$mdMedia('gt-md')将其锁定为较小的设备,并为md-is-locked-open指令提供md-sidenav属性。 正如API documentation

中所述

以下是适合我的解决方案:

查看:

<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="isLeftOpen() &&  $mdMedia('gt-md')">

控制器:

$scope.isLeftOpen = function () {
  return $mdSidenav('left').isOpen();
} 

这是Codepen