WizardBar component for AngularJS
Usage:
<div vb-wizard-bar
steps="steps"
current="current"
step-click="stepClick"
step-disabled="stepDisabled">
</div>
Controller:
angular.module('DemoApp')
.controller('Demo', function($scope) {
$scope.steps = [
'Step 1',
'Step 2',
'Disabled Step'
];
$scope.current = 2;
$scope.stepClick = function(index) {
$scope.current = index;
}
$scope.stepDisabled = function(index) {
return index > 1; // disable steps 2 and the ones after it
}
});