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
스테퍼를 어떻게 참조 할 수 있는지 보고 싶었을뿐입니다. 하지만 당신은 나를 이겼습니다! 비활성화 / 활성화 기능도 추가했다는 사실이 마음에 듭니다! 몇 가지 포인트가 있습니다!