Я использую степпер cdk
для создания нового степпера, но не могу найти способ добавить угловую анимацию для перехода между шагами. Кто-нибудь может мне помочь?
Я пробовал это решение, заменив переменную current
на stepper.selectedIndex
, но она не работает должным образом.
<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>
Спасибо за вашу помощь!