Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角形侧滑块_Javascript_Css_Angularjs - Fatal编程技术网

Javascript 角形侧滑块

Javascript 角形侧滑块,javascript,css,angularjs,Javascript,Css,Angularjs,我试着用angularjs制作侧面幻灯片,但我被卡住了。我的代码如下所示: .html .css 因此,当我点击newalbum按钮时,我希望它滑开。单击保存按钮应将其关闭。现在侧边栏一直处于打开状态。我希望它以关闭开始。我的按钮根本不起作用/ 谢谢你的回答。我想 ng-click="toggleSidebar()" 应该是 ng-click="$ctrl.toggleSidebar()" 啊,是的。我没有意识到它不在那里。:)谢谢 #leftSlideBar{ background

我试着用angularjs制作侧面幻灯片,但我被卡住了。我的代码如下所示:

.html

.css

因此,当我点击
newalbum
按钮时,我希望它滑开。单击
保存
按钮应将其关闭。现在侧边栏一直处于打开状态。我希望它以关闭开始。我的按钮根本不起作用/ 谢谢你的回答。

我想

ng-click="toggleSidebar()"
应该是

ng-click="$ctrl.toggleSidebar()"

啊,是的。我没有意识到它不在那里。:)谢谢
#leftSlideBar{
    background-color: red;
    width: 337px;
    height: 20%;
    display: block;
    position: absolute;
    left: -100px;
    top: 0px;
    padding-top: 20px;
    margin-top: 37px;
    transition:left 0.3s linear;
}
ng-click="toggleSidebar()"
ng-click="$ctrl.toggleSidebar()"