Коврик шаг показать все шаги

Question

Я читал о шагах по мату и задавался вопросом, можно ли отобразить все шаги по мату в окне. По умолчанию вы должны нажать на иконку, а затем появятся соответствующие шаги. Я хочу, чтобы все шаги были видны. возможно ли? Заранее спасибо за помощь.

Answer 1

По умолчанию вы должны нажать на иконку, после чего появятся соответствующие шаги. Я хочу, чтобы все шаги были видны. Возможно ли это?

Если мое понимание верно, вы имеете в виду, что шаги не активируются при нажатии, но вы хотите, чтобы все они были включены по умолчанию, если это так!

ПРОВЕРИТЬ РАБОЧИЙ ШТИКБЛИЦ

просто установить [completed]="true"

Ваш component.html может быть примерно таким: ~

<mat-horizontal-stepper [linear]="true" #stepper>
  <mat-step label="Step 1" [completed]="completed">
      <div class="page"></div>
  </mat-step>
  <mat-step label="Step 2" [completed]="completed">
      <div class="page"></div>
  </mat-step>
  <mat-step label="Step 3" [completed]="completed">
      <div class="page"></div>
  </mat-step>
</mat-horizontal-stepper>

Ваш component.ts как показано ниже: ~

import { Component } from '@angular/core';
import { MatStepper } from '@angular/material';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  completed = true;
}