Question

我在另一个元素中有一个paper-dialog，如下所示：

<paper-dialog id="modal" modal>
  <h2>Login</h2>
  <p>Lorem......</p>

  <div class="buttons">
    <paper-button dialog-confirm autofocus>Login</paper-button>
  </div>
</paper-dialog>

我可以声明性地添加entry-animation和exit-animation，但我真的想一次做两个效果like it shows in the docs

我尝试使用类似的东西：

this.$.modal.animationConfig = {....}; //like the docs

我将node设置为this.$.modal，但我很确定它根本不会读取该变量，因为当我选中this.$.modal.getAnimationConfig('exit')（或entry）时我一无所获。

所以在生命周期的哪个阶段我可以做这样的事情。

我的最终目标是将paper-dialog和entry exit交织在一起（其中一个略微延迟）动画（因为他喜欢被称为： p）"Bob Dod"'s polycast

如果你不知道答案，指点我的方向也有帮助;）

Answer 1

由于我的评论似乎很有帮助，所以这里是一个答案：

＆＃34;你确定吗？我尝试在这个fiddle中将animationConfig设置为this.$.modal.animationConfig = { ... }，一切正常......＆＃34;

Answer 2

我使用角度为2的聚合物，这是我尝试添加动画的方式：

if (dialog) {
        dialog.animationConfig = {
            'entry': {
                name: 'transform-animation',
                node: dialog,
                transformFrom: 'translateY(100%)',
                transformTo: 'translateY(0)'
            },
            'exit': {
                name: 'transform-animation',
                node: dialog,
                transformFrom: 'translateY(0)',
                transformTo: 'translateY(100%)'
            }
        };
        dialog.open();
    }

如何以及何时在纸张对话框上设置animationConfig

2 个答案: