clr向导的“禁用”按钮不起作用

我正在使用 clr-wizard 来自6个项目的清晰设计框架。

<clr-wizard>
    <clr-wizard-page [clrWizardPageNextDisabled]="!stepFirstNextButtonEnable">
        <ng-template clrPageTitle>Platforms</ng-template>
        <ng-container>
            ....
        </ng-container>
        <ng-template clrPageButtons>
            <clr-wizard-button class="custom-btn-primary" [type]="'custom-next-step-first'">NEXT</clr-wizard-button>
        </ng-template>
    </clr-wizard-page>

    <clr-wizard-page [clrWizardPageNextDisabled]="!stepSecondNextButtonEnable">
        <ng-template clrPageTitle>Platforms</ng-template>
        <ng-container>
            ....
        </ng-container>
        <ng-template clrPageButtons>
            <clr-wizard-button class="custom-btn-primary" [type]="'custom-next-step-second'">NEXT</clr-wizard-button>
        </ng-template>
    </clr-wizard-page>
</clr-wizard>

我必须使用自定义 NEXT <ng-template clrPageButtons></ng-template> 我正在使用 [clrWizardPageNextDisabled] 使按钮在每一步禁用。

在第一步中,禁用按钮在几天之前工作。现在这是行不通的。

如果我们删除自定义按钮 <ng-template clrPageButtons>

参考文献:

https://vmware.github.io/clarity/documentation/v0.13/wizards