I'm trying to display a "timeline" and I would like somting that look like this :
对于不，我有以下几点:
使用:
<mat-stepper orientation="vertical" >
<div *ngFor="let step of steps; let i = index;">
<mat-step [completed]="false" [editable]="false" state="number">
<ng-template matStepLabel>
Step {{i}}
</ng-template>
</mat-step>
</div>
有没有一种方法可以使用垫步进器只用于显示和阻止 Select ？
您可以使用定制的css和一些mat-Step配置来实现这一点
要添加到全局样式的CSS
.custom-stepper {
.mat-vertical-content-container .mat-vertical-stepper-content {
display: none;
}
.mat-step-icon {
background-color: var(
--mat-stepper-header-selected-state-icon-background-color
);
color: var(--mat-stepper-header-selected-state-icon-foreground-color);
}
}
HTML
<mat-stepper
orientation="vertical"
[linear]="isLinear"
#stepper
class="custom-stepper"
>
<div *ngFor="let step of steps; let i = index;">
<mat-step [completed]="false" [editable]="true" state="number">
<ng-template matStepLabel> Step {{i}} </ng-template>
</mat-step>
</div>
</mat-stepper>