Angular 不应用样式的角度动画：递增：递减

我有一个div，我想在

activeSlide

更改时向左移动。我有

slideOffset

来计算父div需要移动的像素数。我使用

：increment

和

：decrement

来触发更改，但它似乎没有应用样式

我已经通过添加动画来确认动画正在运行，但是仍然没有应用样式

export const slideAnimation = trigger('slideAnimation', [
  transition(':increment', [style({ left: '{{slideOffset}}px' })]),
  transition(':decrement', [style({ left: '{{slideOffset}}px' })]),
]);

<div
    class="carousel-content"
    [@slideAnimation]="{
      value: activeSlide,
      params: { slideOffset: slideOffset }
    }"
    #content
  >
  <ng-content></ng-content>
</div>

.carousel-content {
  display: flex;
  flex-direction: row;
  position: relative;
  left: 0;
}