Angular Clarity clr向导的禁用按钮不工作

我正在使用clarity design framework为angular 6项目提供的

clr向导

我在clr向导中有两个步骤，如下代码所示

<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

按钮，因此我使用

和

[clrWizardPageNextDisabled]

在每个步骤中禁用按钮

在第一步中，“禁用”按钮在几天前起作用。现在这不起作用了

如果我们删除自定义按钮

参考：

---

自定义按钮的

类型应为
next
或
自定义next
：

<clr-wizard-button type="custom-next">NEXT</clr-wizard-button>

下一步

您能否将您的代码放入一个功能性堆栈Blitz中，以显示整个实现？这可以帮助您开始，请查看演示。同样的问题也发生了。真棒@Yurzui。谢谢