У Clarity clr-wizard кнопка выключения не работает - PullRequest
0 голосов
/ 10 октября 2018

Я использую clr-wizard из понятного фреймворка для угловых 6 проектов.

У меня есть 2 шага в clr-wizard, как показано ниже.

<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

1 Ответ

0 голосов
/ 11 октября 2018

type вашей пользовательской кнопки должно быть next или custom-next:

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

Forker Stackblitz

...