AngularJS ng-cloak Loading Indicator

NgCloak hides parts of an angular application before it builds, sometimes this can leave white space and elements spring out nowhere when loaded. This is why you might want to show a loading indicator in place of the ng-cloaked elements. The application isn’t running so the loading indicator shows, you’ll need to click to bootstrap the app.

Countdown Timer Angular Directive

So I needed a countdown timer for a release date to put on the top of a website I was working on. Now-a-days I write angular fairly exclusively so what better way than to make a sweet angularJS directive for my timer. It’s pretty straight forward, the data attributes bind the directive and pass the end-date for the time to count to. The rest is a simple interval timer calculating the difference between time.now() and the end-date.

Update: To the moon… @codepen.

codepen gareth weaver