角度2。左から右へのアニメーションのアニメーション

Question

私は、フラグに応じて左から右に移動し、戻ってくる要素を持っています：plunker。 これでアニメーションを追加したいと思います。 plunker：他の方法中の左から右に移動するが、しない場合はそれが機能する

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

：私が最も明白な方法でそれを実行しようとしました。

どのように私はこれを修正できますか？

Answer 1

私が思いついた解決策：代わりにright使用計算left値：

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

plunker