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',
    })),

plunker

Angular2。动画从左到右的运动

1 个答案: