Angular material 在角度材质中，如何使md sidenav始终打开

可视切换按钮，并在需要时关闭它

我做了几次尝试，都失败了

我上传了今天的图片，但它没有切换，只有在较低的分辨率

你知道怎么做吗

---

请查看此代码段。基本上，您可以使用

$mdSidenav（“sidenavId”）.toggle（）

切换sidenav

angular.module（'materialApp'，['ngMaterial'，'ngAnimate']））
.controller（'homeCtrl'，['$scope'，'$mdSidenav'，函数（$scope，$mdSidenav）{
$scope.toggleSideNav=function（）{
$mdSidenav（'leftNav'）.toggle（）；
};
}]);
.ma侧导航{
背景：rgb（16108200）；
}
.btn行{
填充顶部：30px；
文本对齐：居中；
}
.btn切换{
显示：内联块；
}
.侧导航项目{
填充：10px 10px 10px 30px；
颜色：白色；
}

项目1
项目2
项目3
项目4
切换侧导航
在material2中，我很难找到这样做的方法。
最后，我找到了阅读源代码的方法：

<md-sidenav opened="true" disableClose="true">

通过向导航栏添加以下属性，可以使导航栏对任何视图保持打开状态：

md-is-locked-open="$mdMedia('gt-md')"

检查以参考。
对于较新版本，请将
[opened]=“true”
添加到
元素中

<md-sidenav [opened]="true">

</md-sidenav>


唉，加布里埃尔的解决方案并不完整。根据描述

是否可以用退出键或点击背景关闭抽屉。

但是我们有3个选项，当您单击其中的某个元素（？）时，如何关闭
sidenav
和3d。为了防止您需要覆盖回调，或者例如，我使用
sidenav
进行响应式设计，这个答案对我很有帮助
当我按下Esc按钮时，我的侧中堂关闭了。然后我补充说


这解决了我的问题

使用复选框切换sidenav：
通过单击按钮切换sidenav：
代码的Thx。我想开始打开，里面的东西不落在后面而是在旁边？当打开内容端时，当完全关闭内容时。你能在JSFIDLE或plunkr上共享你的代码吗，这样我就可以为你修复它了？我拥有这个在线项目，你会吗？你必须编写一点自定义css来实现你想要的。如果您可以使用代码创建JSFIDLE或plunkr，我可以帮助您。我创建了一个代码笔，但css不起作用，请看：