import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'wizard-step',
template:
`
<div [hidden]="!isActive">
<ng-content></ng-content>
</div>
`
})
export class WizardStepComponent implements OnInit {
@Input() title: string;
@Input() isValid: boolean = true;
@Input() showNext: boolean = true;
@Input() showPrev: boolean = true;
@Output() onNext: EventEmitter<any> = new EventEmitter<any>();
@Output() onPrev: EventEmitter<any> = new EventEmitter<any>();
@Output() onComplete: EventEmitter<any> = new EventEmitter<any>();
private _isActive: boolean = false;
isDisabled: boolean = true;
constructor() { }
ngOnInit() {
}
@Input('isActive') set isActive(isActive: boolean) {
this._isActive = isActive;
this.isDisabled = false;
}
get isActive(): boolean {
return this._isActive;
}
}
|