折叠 Rdash 上的边栏菜单 Angular

Question

我们可以折叠 Rdash 上的侧边栏菜单吗 Angular？

例如，在 http://rdash.github.io/#/.

在Dashboard下我们可以找到Profile、Graphic、Manage Data。而在Tables下我们可以找到Statistic,Report.

谢谢。

Answer 1

你可以这样做

<div class="sidebar col-xs-2" 
     ng-class="{ 'col-xs-1': open, 'toggleOn': open, 'toggleOff': !open }">
   <button ng-click="open = !open">Toggle</button>            
</div>


.sidebar {
    color: #fff;
    height: 100vh;
}

.toggleOn {
    transition: width 1s;
    -webkit-transition: width 1s;        
    -moz-transition: width 1s;        
    -o-transition: width 1s;
}

.toggleOff {
    transition: width 1s;
    -webkit-transition: width 1s;        
    -moz-transition: width 1s;        
    -o-transition: width 1s;
}