У меня есть вопрос относительно углового материала (с угловым 4+). Скажем, в шаблоне моего компонента я добавляю компонент <mat-horizontal-stepper>
, и на каждом шаге <mat-step>
меня есть кнопки перемещения для навигации по компоненту. Вот так...
<mat-horizontal-stepper>
<mat-step>
Step 1
<button mat-button matStepperPrevious type="button">Back</button>
<button mat-button matStepperNext type="button">Next</button>
</mat-step>
<mat-step>
Step 2
<button mat-button matStepperPrevious type="button">Back</button>
<button mat-button matStepperNext type="button">Next</button>
</mat-step>
<mat-step>
Step 3
<button mat-button matStepperPrevious type="button">Back</button>
<button mat-button matStepperNext type="button">Next</button>
</mat-step>
</mat-horizontal-stepper>
Теперь мне интересно, можно ли убрать кнопки с каждого шага и расположить их где-нибудь в <mat-horizontal-stepper>
в статическом положении или даже вне <mat-horizontal-stepper>
и я могу перемещаться назад и вперед, используя код в моем файле машинописи компонентов. Чтобы дать представление, я хотел бы, чтобы мой HTML был примерно таким
<mat-horizontal-stepper>
<mat-step>
Step 1
</mat-step>
<mat-step>
Step 2
</mat-step>
<mat-step>
Step 3
</mat-step>
<!-- one option -->
<div>
<button mat-button matStepperPrevious type="button">Back</button>
<button mat-button matStepperNext type="button">Next</button>
</div>
</mat-horizontal-stepper>
<!-- second option -->
<div>
<button (click)="goBack()" type="button">Back</button>
<button (click)="goForward()" type="button">Next</button>
</div>