如何在角度水平步进器cdk的步骤之间的过渡上附加角度动画?

时间:2019-07-09 09:16:01

标签: angular angular-material-stepper cdk

我正在使用cdk步进器来构建新的步进器,但是我找不到一种方法来为步之间的过渡附加角度动画。有人可以帮我吗?

我已经尝试通过用current替换变量stepper.selectedIndex来解决this的问题,但效果不如预期。

<app-custom-stepper #stepper>
   <cdk-step [@stepTransition]="stepper.selectedIndex === 0 ? 'current' : 'previous'
      ">
     <p>This is any content of "Step 1"</p>
   </cdk-step>
   <cdk-step  [@stepTransition]="stepper.selectedIndex === 1 ? 'current'
          : stepper.selectedIndex > 1
          ? 'previous'
          : 'next'
      ">
     <p>This is any content of "Step 2"</p>
   </cdk-step>
</app-custom-stepper>

感谢您的帮助!

0 个答案:

没有答案