Отключить шаг в CDK Stepper / запретить вернуться к предыдущему шагу - PullRequest
Новая
       47

Отключить шаг в CDK Stepper / запретить вернуться к предыдущему шагу

0 голосов
/ 07 мая 2019

В моем приложении Angular есть CdkStepper, состоящий из 4 шагов, который работает довольно регулярно.Никакой шаг не является обязательным, поэтому вы не можете перепрыгнуть через любой шаг, но пользователь всегда может вернуться к предыдущему шагу.

CdkStepper: https://material.angular.io/cdk/stepper/

Теперь у меня есть специальное предложениеслучай , где шаговый шаг открывается непосредственно на шаге 2, и в этом случае мне нужно отключить опцию, чтобы вернуться к предыдущему (первому) шагу, при этом все еще позволяя отойти отОт 4 до 3 и от 3 до 2.

Мой код похож на приведенный здесь пример: https://stackblitz.com/edit/angular-cdk-stepper-demo

<vwlmz-stepper #stepper linear>
    <!-- Step 1 -->
    <cdk-step #step1="cdkStep">
        <ng-template cdkStepLabel>
            ...
        </ng-template>
    </cdk-step>
    <!-- Step 2 -->
    <cdk-step #step2="cdkStep">
        <ng-template cdkStepLabel>
            ...
        </ng-template>
    </cdk-step>
    <!-- Step 3 -->
    <cdk-step #step3="cdkStep">
        <ng-template cdkStepLabel>
            ...
        </ng-template>
    </cdk-step>
    <!-- Step 4 -->
    <cdk-step #step4="cdkStep">
        <ng-template cdkStepLabel>
            ...
        </ng-template>
    </cdk-step>
</vwlmz-stepper>

StackOverflow и поиск в Google не дали мне ответа.

1 Ответ

0 голосов
/ 07 мая 2019

Иногда помогает чтение документации.

По умолчанию шаги доступны для редактирования, что означает, что пользователи могут вернуться к предварительно выполненные шаги и редактировать свои ответы. редактируемые = «ложь» можно установить на CdkStep, чтобы изменить значение по умолчанию.

-> https://material.angular.io/cdk/stepper/overview#types-of-steps

step1.editable = false;

делает "трюк": -)

...