Question

我们正在构建一个ember-pagination库，它可以帮助程序员获得数组集合中项目的分页。到目前为止，我们设法放置所有内容，使分页工作，并添加了一个预先帮助搜索，但我们想知道是否有一种方法可以在我们应用一些过滤器或在Ember中进行分页时为项目设置动画。 JS

Answer 1

不确定。可能最简单的方法是从像velocity这样的动画库中创建一个块组件，你可以将它包裹在分页项目中。让组件采用表示单个分页项的jQuery选择器，然后使用选择器实例化动画插件。您可以执行.observes('content')并在内容更改时重新呈现组件。这是一个简单的例子：

App.MyAnimationComponent = Ember.Component.extend({

    didInsertElement: function () {
        var selector = this.get('selector');
        this.$(selector).animateLibrary({ options: 'foo' });
    },

    fireOnNewContent: function() {
        this.rerender();
    }.observes('content')

});

你可以这样使用它：

{{#my-animation selector='.item'}}
    {{#each items}}
        <div class="item">{{foo}}</div>
    {{/each}}
{{/my-animation}}

在分页上动画Ember Collection

1 个答案: