Angular js - 单击元素时在 div 中滑动答案

【问题标题】：Angular js - slide in div on click of elementAngular js - 单击元素时在 div 中滑动
【发布时间】：2014-07-03 23:23:57
【问题描述】：

我对 Angular js 完全陌生，我想执行一个操作，即单击按钮会从右侧滑入 div，然后再次单击返回会将其发送回右侧。基本上切换它。我知道如何使用 jquery，如下所示，但需要以角度来完成。

HTML：

<body>
  <div>
    <a href="#" id="clickhere">Click me</a>
  </div>
<div id="content">
  <div id="list">
  </div>
</div>
</body>

CSS：

#clickhere {display:block; width:50px; height:50px; background:#999;}
#list{width:200px; height:100%; position:absolute;top:0;right:-200px;background:#323232;}
.slidein{right:0;}

JS：

$("#clickhere").click( function(){
    if($("#list").css("right")== "0px")
    {
        $("#list").animate({right:"-200px"}) }
    else{
     $("#list").animate({right:"0"})
    }
})

jsfiddle - http://jsfiddle.net/RJJwu/3/

任何人都可以帮助我使用角度代码。我查看了几个示例，例如：

1)Different transitions with AngularJS

2) http://mgcrea.github.io/angular-motion/ - 在幻灯片部分，第二个按钮

以上链接代表我的实际需要。我尝试通过第一个链接进行操作，但它不起作用。

【问题讨论】：

标签： angularjs css-transitions slidetoggle ng-animate

【解决方案1】：

提示：当用户单击按钮 (ngClick) 并在 CSS (transition) 中执行动画时添加或删除一个类（ngClass 或 ngHide）。

【讨论】：

谢谢，有没有你想分享的代码，可能在小提琴中，如果可能的话..
“提示”的概念是您自己尝试。如果遇到困难，请编写一些代码和评论，甚至提出新问题。
CSS 过渡不适用于添加/删除元素。甚至不用于显示：无。
@Haider 使用.ng-hide-remove 课程真的很容易。如果您遇到困难，请提出一个新问题。