As I am no longer working on any AngularJS projects and don't have the time to give this repo the attention it deserves, I will no longer maintain this lib. Feel free to keep using it, fork it, improve it, but I will not offer any support anymore.
Angular directive creating a "floating label" for inputs with a placeholder. Based on: https://github.com/jverdi/JVFloatLabeledTextField and https://github.com/maman/JVFloat.js
Add the js file to your html file, optionally add the css file as well.
Add components to your angular dependencies and then just add floating-label as an attribute on your input fields.
floating-label requires a placeholder attribute, which will be used as label.
Optionally you can specify an ng-model, if you don't specify it, you are required to add the id or the name attribute.
<html>
<head>
<link rel="stylesheet" type="text/css" href="../dist/floating-label.css">
</head>
<body ng-app="demo">
<form>
<div class="control-group">
<input type="text" placeholder="Email address" floating-label ng-model="test" />
</div>
</form>
<script src="node_modules/angular/angular.js"></script>
<script src="node_modules/angular-floating-label/dist/floating-label.js"></script>
<script>
angular.module('demo', ['components']);
angular.module('demo').controller('DemoController', function () {});
</script>
</body>
</html>
More examples in the example folder