Angularjs Rdash Angular上的折叠侧栏菜单

Angularjs Rdash Angular上的折叠侧栏菜单,angularjs,sidebar,collapse,Angularjs,Sidebar,Collapse,我们可以折叠Rdash Angular上的侧边栏菜单吗 例如,关于 在仪表板下可以找到配置文件,图形,管理数据。在表格下,我们可以找到统计,报告 谢谢。你可以这样做 <div class="sidebar col-xs-2" ng-class="{ 'col-xs-1': open, 'toggleOn': open, 'toggleOff': !open }"> <button ng-click="open = !open">Toggle</bu

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

例如,关于

仪表板下
可以找到
配置文件
图形
管理数据
。在
表格
下,我们可以找到
统计
报告


谢谢。

你可以这样做

<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;
}

切换
.侧边栏{
颜色:#fff;
高度:100vh;
}
.开关{
过渡:宽度1s;
-webkit过渡:宽度1s;
-moz过渡:宽度1s;
-o型过渡:宽度1s;
}
.关掉{
过渡:宽度1s;
-webkit过渡:宽度1s;
-moz过渡:宽度1s;
-o型过渡:宽度1s;
}