Question

我有一个简单的ng-repeat with animate。我已经使我的模块依赖于ngAnimate，并且我已经使用<head> <script src="https://apis.google.com/js/platform.js" async defer></script> <meta name="google-signin-client_id" content="THIS_IS_MY_ID.apps.googleusercontent.com"> </head> <body> <div class="g-signin2" data-onsuccess="onSignIn"></div> <script> function onSignIn(googleUser) { console.log("Signed in!"); } </script> </body>和.ng-enter等类在CSS中定义了我的过渡。

我转到相关帖子，例如here和here，但我无法使用我的代码。这是jsFiddle的http://grepcode.com/file/repo1.maven.org/maven2/org.mule/mule-core/3.3.0/org/mule/transformer/simple/SetPayloadTransformer.java/。我发现原因是我的项目没有分配给.ng-enter-active课程，但我不确定为什么我不能这样做。任何帮助表示赞赏。

感谢。

Answer 1

这可以实现，但不能用于过滤数据。您只需更改数据，而不是当前过滤器实际更新和ERROR: @add_arg_table not defined in include at /Applications/Julia-0.3.9.app/Contents/Resources/julia/lib/julia/sys.dylib in include_from_node1 at /Applications/Julia-0.3.9.app/Contents/Resources/julia/lib/julia/sys.dylib` while loading /Users/Uthsav/Desktop/Walking The Interactome Work/arg.jl, in expression starting on line 42渲染新元素，而不会重新渲染数据，也不会应用任何动画类。但是，如果改变你过滤的方式以便它实际使用过滤器，那么事情就会开始起作用。

http://jsfiddle.net/Lfmp8pdu/4/

ng-repeat

html中的修改过滤器：

angular
.module('App', ['ngAnimate'])
.controller('AppCtrl', [
  function() {
    var data = this;
    data.next = next;
    data.previous = previous;

    init();

    function init() {
      data.items = [
        {title: "One", page: 1},
        {title: "Two", page: 1},
        {title: "Three", page: 1},
        {title: "Four", page: 2},
        {title: "Five", page: 2},
        {title: "Six", page: 2},
        {title: "Seven", page: 3}
      ];

      data.page = 1;
    }

    function next() {
      data.page++;
    }

    function previous() {
      data.page--;
    }
  }
]);

就分页而言，这不是一个很好的方法。有更好的解决方案。此外，如果你想让它更像一个真正的旋转木马，那么你可以尝试只是内联你的所有元素并左右移动整个东西 - 所以在这种情况下，一切都将被渲染，你不会使用过滤器，而是通过按钮更改CSS中的左/右绝对位置。

无法通过ng-repeat工作获得动画

1 个答案: