angular - 角2。动画从左到右的运动

Question

我有一个元素可以根据标志从左到右移动：plunker。现在我想给它添加一个动画。我试图以最明显的方式做到这一点：

animations: [
    trigger('state', [
        state('true', style({
            right: '10px',
        })),
        state('false', style({
            left: '10px',
        })),
        transition('* => *', animate('250ms')),
    ]),
],

它在从左到右移动时有效，但在其他方式下无效：plunker。

有什么想法可以解决这个问题吗？

Answer 1

我想出的解决方案：而不是right使用计算left值：

    state('true', style({
        left: 'calc(100% - 200px - 10px)',
    })),
    state('false', style({
        left: '10px',
    })),

笨蛋