angular - 角度动画不应用样式 :increment :decrement

Question

activeSlide我有一个 div 我想在更改时向左移动。我有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;
}

标签： angularangular-animations