Angular Material Sidenav 锁定总是在左侧打开

Question

我正在尝试按如下方式使用 angular material

1) Have it positioned on the right  
2) When opened its locked until a close button is pressed 
3) Doesn't close when you click away from menu 
4) When open its positioned on right

问题是当您指定 md-is-locked-open 它总是在右边打开？

https://material.angularjs.org/latest/demo/sidenav

<md-sidenav class="md-sidenav-right md-whiteframe-4dp" md-component-id="right" md-is-locked-open="vm.isOpen('right')">

vm.isOpen = function(navID){
    if(navID){
        return $mdSidenav(navID).isOpen();
    }
};

有什么想法吗？

Answer 1

你需要把它放在你的主要内容下面，即

<md-content>
</md-content>
<md-sidenav>
</md-sidenav>

见http://codepen.io/anon/pen/RaxLMb

Angular Material Sidenav 锁定总是在左侧打开

Angular Material Sidenav locked always opens on left

angularjs

angular-material