[英]Material stepper prevent evaluating angular 5
在我的有角5項目中,我有一個材料步進器 。 我的步進器有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>
您在觸發警報的按鈕上設置了type =“ button”。 默認情況下,所有沒有類型的按鈕的行為都類似於提交按鈕,因此提交表單。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.