如何将离子按钮与垫步进器一起使用

Question

我正在使用离子，角度8和@ angular / material / stepper

我已经将样式应用于离子按钮标签（由购买的组件库提供）。我想将此样式用于map-stepper中的下一个按钮。

但是，如果我将（工作）按钮切换为

<button mat-button margin-top matStepperNext shape="round" button-round fill="outline">{{config.nextButton}}</button>

到

<ion-button mat-button margin-top matStepperNext shape="round" button-round fill="outline">{{config.nextButton}}</ion-button>

不再具有使步进器前进的功能。有没有简单的方法可以将matStepperNext指令应用于离子按钮标签？

Answer 1

我刚刚遇到了这个问题，在这里我发现了：

在 @angular/material/stepper/stepper-button 指令的源代码中，指令的选择器是 button[matStepperNext] （用于“下一步”按钮）。所以我们不能简单地使用 ion-button 并期望它在点击时前进或后退步进器：选择器不匹配。

来源：https://github.com/angular/components/blob/70ff528785cb9abe9f102f19b1ea87caef56a295/src/material/stepper/stepper-button.ts#L14

假设我有一个名为“myStepperInstance”的步进器，为了推进我的项目，我正在考虑创建一个监听器，当我们点击一​​个离子时，它会执行 myStepperInstance.next() 或 myStepperInstance.previous()-按钮。