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