[英]Change step number to a mat-icon in an Angular Material Stepper
我想創建一個Angular Material步進器,但是我不想使用氣泡圖標來代替氣泡內的數字,我該怎么做呢?
您可以使用matStepperIcon
覆蓋圖標。
<mat-horizontal-stepper>
<mat-step label="Step 1" state="minus">
<p>Minus</p>
<div>
<button mat-button matStepperNext>Next</button>
</div>
</mat-step>
<mat-step label="Step 2" state="plus">
<p>Plus</p>
<div>
<button mat-button matStepperNext>Next</button>
</div>
</mat-step>
<ng-template matStepperIcon="minus">
<mat-icon>remove</mat-icon>
</ng-template>
<ng-template matStepperIcon="plus">
<mat-icon>add</mat-icon>
</ng-template>
</mat-horizontal-stepper>
添加到組件:
providers: [{
provide: STEPPER_GLOBAL_OPTIONS, useValue: {displayDefaultIndicatorType: false}
}]
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.