我对Angular Material(使用Angular 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>
ViewChild
看我如何参考步进器-但是您击败了我!也喜欢添加了禁用/启用功能的事实!有几点!