Angular 禁用CDK步进/阻止中的一个步骤以返回上一步

Angular 禁用CDK步进/阻止中的一个步骤以返回上一步,angular,typescript,angular-material,angular-cdk,stepper,Angular,Typescript,Angular Material,Angular Cdk,Stepper,我的Angular应用程序中有一个CdkStepper,由4个步骤组成,它的行为非常有规律。没有任何步骤是可选的,因此您不能跳过任何步骤,但用户始终可以返回到上一步 CdkStepper: 现在我有了一个特殊情况,步进机在第2步直接打开,在这种情况下,我需要禁用返回上一步(第一步)的选项,同时仍然允许从4步返回到3步和从3步返回到2步 我的代码与这里的示例类似: ... ... ... ... StackOverflow和Google search没有给我答案。阅读文档有时会有帮助 默认情

我的Angular应用程序中有一个CdkStepper,由4个步骤组成,它的行为非常有规律。没有任何步骤是可选的,因此您不能跳过任何步骤,但用户始终可以返回到上一步

CdkStepper:

现在我有了一个特殊情况,步进机在第2步直接打开,在这种情况下,我需要禁用返回上一步(第一步)的选项,同时仍然允许从4步返回到3步和从3步返回到2步

我的代码与这里的示例类似:


...
...
...
...

StackOverflow和Google search没有给我答案。

阅读文档有时会有帮助

默认情况下,步骤是可编辑的,这意味着用户可以返回到 以前完成的步骤并编辑其响应。可编辑=“假” 可以在CdkStep上设置以更改默认值

->


“技巧”:-

阅读文档有时真的有帮助吗

默认情况下,步骤是可编辑的,这意味着用户可以返回到 以前完成的步骤并编辑其响应。可编辑=“假” 可以在CdkStep上设置以更改默认值

->

做“把戏”:-)

<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>
step1.editable = false;