Polymer 如何更改';霓虹灯动画';霓虹灯动画页面中的页面?

Polymer 如何更改';霓虹灯动画';霓虹灯动画页面中的页面?,polymer,polymer-1.0,Polymer,Polymer 1.0,我正在使用Polymer的neon动画页面entry和exit动画属性将所选页面从右向左滑动。但是,当我点击工具栏上的“后退”按钮时,我真的想从左向右反转滑动方向。在这种情况下,如何更改或反转动画 Polymer 1.0代码段: <neon-animated-pages class="fit" entry-animation="slide-from-right-animation" exit-animation="slide-left-animation" selected="{{sele

我正在使用Polymer的
neon动画页面
entry和exit动画属性将所选页面从右向左滑动。但是,当我点击工具栏上的“后退”按钮时,我真的想从左向右反转滑动方向。在这种情况下,如何更改或反转动画

Polymer 1.0代码段:

<neon-animated-pages class="fit" entry-animation="slide-from-right-animation" exit-animation="slide-left-animation" selected="{{selectedPage}}" attr-for-selected="id" on-iron-select="_pageChanged">
    <neon-animatable id="slide1">Page 1</neon-animatable>
    <neon-animatable id="slide2">Page 2</neon-animatable>
    <neon-animatable id="slide3">Page 3</neon-animatable>
</neon-animated-pages>

第1页
第2页
第3页

您可以在进入/退出动画属性上使用数据绑定,如下所示:

<neon-animated-pages class="fit" entry-animation="[[entryAnimation]]" exit-animation="[[exitAnimation]]" selected="{{selectedPage}}" attr-for-selected="id" on-iron-select="_pageChanged">

然后根据需要(即按下后退按钮等)将这些属性更新为所需动画