SteGriff

Blog

Next & Previous

Tiny angular pangram app

A pangram is a sentence that contains every letter of the alphabet, like "the quick brown fox jumps over the lazy dog". I set out to make a tiny pangram app this morning in Angular, that would let you type in a box and "tick off" the letters after you fulfilled each one, so that you can try to write your own.

I start with a script block featuring an Angular app and controller definition but after a little iteration, I managed to winnow it down to the point where there is no angular boilerplate whatsoever! The whole thing works in calculated attributes!

P.s. My favourite so far is: "Waive morbid bacon prerequisite - fight exactly zero jocks"

The app

Here's the app running in this page (I had to use a body-level style block... forgive me...):

{{letter}}

The source

As a standalone web page:

Or view the source of this blog post

Angular is cool sometimes!