<div ng-app> <div ng-controller="wizardController"> <ul id="wizard"> <li ng-show="(current == 0)"> <h2>Bienvenido</h2> <p>Este es un mensaje de bienvenida</p> </li> <li ng-show="(current == 1)"> <h2>Ingresa el valor 1</h2> <label>Ingrese el valor 1</label> <input type="text"/> </li> <li ng-show="(current == 2)"> <h2>Ingresa el valor 2</h2> <label>Ingrese el valor 2</label> <input type="text"/> </li> <li ng-show="(current == 3)"> <h2>Guardar</h2> <p>Ha completado el formulario.</p> </li> </ul> </div> </div>
var wizardController = function($scope) { $scope.current = 0; //inicia en el primer indice }
#wizard { list-style:none; } #wizard li { display:block; }