angular4-wizard-steps

app.component.html

Add the child components in the [app.component.html] file, components that will build the wizard

<app-stages-wz [stages]="stages">

<app-stages-wz-footer-actions [isShowNext]="isShowNext" [isShowPrev]="isShowPrev" (next)="nextStage()" (prev)="prevStage()">

app.component.ts

loading of the stages of a particular process

// interfaces import { Stage } from './wizard-steps/interfaces/stage.interface';

// services import { WizardStepsService } from './wizard-steps/services/wizard-steps.service';

ngOnInit() { this.stages = { defaultOrder: 0, stages: [ 'stage 01', 'stage 02', 'finalize process' ] } }