1

我正在使用 ionic、angular 8 和 @angular/material/stepper

我已经将样式应用于 ion-button 标签（由购买的组件库提供）。我想在地图步进器中使用这个 stying with 下一个按钮。

但是，如果我将（工作）按钮从

<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 指令应用于 ion-button 标签？

4

1 回答 1

0

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

在指令的源代码中，@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()单击离子按钮时执行的侦听器。

于 2021-02-11T10:38:42.417 回答