我一直在使用
<md-sidenav md-component-id="leftNav" md-is-open="vm.isOpen"
md-is-locked-open="vm.isPinned" ... >
<i class="fa fa-bars float-right" ng-click="vm.toggleNav()"></i>
...
</md-sidenav>
使用控制器中的 toggleNave 方法设置值
class MyController {
constructor($mdSideNav) {
this.mdSideNav = mdSideNav;
this.isPinned = false;
this.isOpen = false;
}
toggleNav = (navId) => {
this.$mdSideNav(navId).toggle().then( () => {
this.isPinned = this.isOpen;
}
}
}
但这会导致屏幕在打开和关闭时闪烁,这似乎不是固定打开 sideNav 的最佳方式。
希望是打开/关闭中殿开关,但在我关闭它之前保持粘性打开。
如果我使用 md-is-locked="$media('')" 那么 sideNav 锁定打开并且永远不会关闭,直到窗口缩小到媒体大小以下。这不是我想要的。
如果我根本不使用 md-is-locked,那么当您点击离开它时,sideNav 会崩溃关闭,但我希望它保持打开状态!直到我想关闭它。
有人知道怎么做吗?
谢谢
顺便说一句:我使用的是 ES6,因此使用了类和箭头函数。:-)