| <body ng-app="app" ng-controller="main" ng-class="{'show-steps': showSteps}"> | |
| <main> | |
| <button ng-class="{'dismiss': showSteps}" ng-click="showSteps = !showSteps"><i class="fa fa-2x fa-fw fa-{{(showSteps?'times':'life-ring')}}"></i></button> | |
| </main> | |
| <aside> | |
| <header> | |
| <ol data-title="Steps of Things" ng-class="{'started': active}"> | |
| <li ng-repeat="item in items" ng-click="click($index)" ng-class="{'seen': item.seen, 'done': item.done, 'active': item == active}"><span data-title="Step">{{item.step}}</span></li> | |
| </ol> |
If you're trying to do this, you came to the right place!
Watch this code work in real time: https://twitter.com/CodingDoug/status/940022568089554944
See also this gist for copying in the other direction: https://gist.github.com/CodingDoug/44ad12f4836e79ca9fa11ba5af6955f7
