Question

在我的角度5项目中，我有一个material-stepper。我的步进器有2页，第一页有2个按钮，如果页面中的表格是正确的，则一个是下一个步进页面的按钮。

<button mat-button matStepperNext (click)="sendFareRequest()" 
   class="btn btn-info btn-round pull-right">next
        <span class="btn-label">
            <i class="material-icons">keyboard_arrow_right</i>
        </span>
</button>

第二个按钮必须打开一个模态（sweetalert），但是在这种情况下，我看到步进页面中的所有必填字段都以红色突出显示，就像表格被评估一样，我不想要这个，第二个按钮没有matStepperNext所以我不知道为什么会发生这种情况。

<button mat-button (click)="alertTicketMissing()" class="btn btn-label btn-round">
    {{ 'ticket.new.buttons.numberpassnotfound' | translate}}
    <span class="btn-label">
        <i class="material-icons">close</i>
    </span>
</button>

Answer 1

您的按钮上有一个类型=“按钮”，触发警报。默认情况下，没有类型的所有按钮都表现得像提交按钮，因此提交表单。

材料步进器防止评估角度5

1 个答案: