在函数中锁定 md-sidenav

Question

我想在 angular 函数中打开右侧导航，然后保持打开状态，除非发生按钮单击等事件。现在我可以在函数中打开它，但是单击 body 区域会关闭侧边导航。任何帮助将不胜感激。

Answer 1

在询问任何解决方案之前，您应该参考文档并进行一些研究。

您应该使用 $mdMedia('gt-md') 将其锁定为较小的设备打开，并为 md-sidenav 指令提供 md-is-locked-open 属性。如 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 .

Lock md-sidenav in function