javascript - Polymer 2.0 - dom-repeat - 简单动画

Question

我在 Polymer 2.0 中构建了一些组件，在这个组件中，我在 dom-if 中具有 dom-repeat block 。有没有简单快速的方法可以在打开和关闭此 repat block 时添加一些动画？

这是我的代码:

<template id="drop-down-list-container" is="dom-if" if="{{_isDropDownOpen}}">
        <div id="drop-down-list">
            <template is="dom-repeat" items="{{itemsTitles}}">
                <button on-click="_onDropDownItemClick" class="button-style items">{{item}}</button>
            </template>
        </div>
    </template>

当 _isDropDownOpen 更改状态时，我想要一些简单的动画 -> 从 0 到 1 - 进入动画，从 1 到 0 关闭动画。添加这个很简单吗？我应该使用 NEON 动画吗？

Answer 1

为什么不使用铁塌陷，它有动画构建，请参见 iron-collapse