angular-bootstrap-form-error.js

angular.module("app")
	.directive('formError', function () {
		return {
			restrict: 'A',
			require: '^form',
			scope: {
				formError: '=formError'
			},
			link: function (scope, element, attrs, form) {
				scope.form = form;

				scope.$watchGroup([
					'form.' + scope.formError + '.$invalid',
					'form.' + scope.formError + '.$dirty',
					'form.$submitted'
				], function (watch) {
					element.toggleClass('has-error', watch[0] && (watch[1] || watch[2]));
				});
			}
		};
	});