Float label pattern with AngularJS

Recently I sow an article about the float label pattern. There is also an article on tutsplus, which explains how to get this using standard jQuery. This is the exact same trick, but using AngularJS:


<form action="">
  <label for="name" ng-show="form.name">Name</label>
  <input type="text" id="name" placeholder="Name" ng-model="form.name" >
</form>

Yes, it needs to be polished and styled a bit, but it is really easy!