角材料Sidenav鎖定總是在離開

Question

我試圖用角材料如下

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