Question

我对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/ - 在幻灯片，第二个按钮

部分

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

Answer 1

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

角度js - 单击元素时在div中滑动

1 个答案: