Как позвонить по нажатию кнопки «Далее» и принять решение о переходе или не использовать CDKStepper? - PullRequest
Новая
       29

Как позвонить по нажатию кнопки «Далее» и принять решение о переходе или не использовать CDKStepper?

0 голосов
/ 23 сентября 2019

Я хотел бы программно перейти к следующему шагу, у меня есть компонент панели кнопок с элементами управления степперами: 

<button id="cancel"
                *ngIf="showCancelButton"
                (click)="cancelWasClicked()">
          Cancel
</button>
<button id="previous"
                *ngIf="showPreviousButton"
                (click)="previousWasClicked()" matStepperPrevious>
          Previous
</button>
<button id="next"
                *ngIf="showNextButton"
                (click)="nextWasClicked()" matStepperNext>
          Next
</button>

Когда я нажимаю следующую кнопку, я хочу вызвать некоторые внешние проверки, которыеРезультат будет успешным, если переход к следующему шагу - это то, что нам нужно.

Из документации есть метод next, но я не уверен, где этот метод доступен, если у меня есть настройкакак это: 

<mat-step>
   <someComponent></someComponent>
   <button-bar-component></button-bar-component> <!-- Contains the stepper buttons>
</mat-step>
<mat-step>
   <someOtherComponent></someOtherComponent>
   <button-bar-component></button-bar-component> <!-- Contains the stepper buttons>
</mat-step>
etc..

Я видел подобный вопрос здесь: Могу ли я программно перемещать шаги мат-горизонтального степпера в Angular / Angular Material

Проблемас этим у меня нет доступа к идентификатору степпера в моей панели кнопок.Могу ли я как-то передать идентификатор в качестве ввода и позвонить stepper.next?

1 Ответ

0 голосов
/ 23 сентября 2019

Решил мою проблему, передав мой «шаговый» в качестве ввода в компонент панели кнопок.Это дало компоненту панели кнопок доступ к степперу API, поэтому я могу выполнять другую логику при нажатии кнопки.

...