Я использую 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