Question

我正在尝试在dom-repeat元素上应用级联动画。当repeat元素中的元素是纸卡或纸质材料时，一切都很好，但用自定义元素替换它会删除动画效果。我将动画行为添加到元素中，但它不起作用。

这是我的清单

<dom-module id="list-view">

    <template>

        <template id="list" is="dom-repeat" items={{records}} on-dom-change="_renderRepeat">
            <task-element
                title="{{item.title}}"
                duration="{{item.duration}}"
                project="{{item.project}}"
                client="{{item.client}}"
                id="{{item.id}}"
                on-editing="onEditRecord"
                on-delete="onDeleteRecord"
                on-update="onUpdateRecord"
            ></task-element>
        </template>
    </template>
<script src="list-view.js"></script>

和_renderRepeat函数：

    _renderRepeat: function () {
        this.paperCard = Polymer.dom(this.root).querySelectorAll('task-element');
        this.animationConfig['entry'].push({
            name: 'cascaded-animation',
            animation: 'transform-animation',
            transformFrom: 'translateY(100vh)',
            nodes: this.paperCard
        });

        this.playAnimation('entry');
    }

task-element具有“Polymer.NeonAnimationRunnerBehavior”行为。我认为必须从基础纸元素继承一些东西，我不知道它是什么。

谢谢

如何在聚合物1.0

0 个答案: