gistfile1.js

angular.module('formComponents', [])
   .directive('formInput', function() {
      return {
         restrict: 'E',
         scope: {},
         link: function(scope, element, attrs)
         {
            var type = attrs.type || 'text';
            var required = attrs.hasOwnProperty('required') ? "required='required'" : "";
            var htmlText = '<div class="control-group">' +
               '<label class="control-label" for="' + attrs.formId + '">' + attrs.label + '</label>' +
                  '<div class="controls">' +
                  '<input type="' + type + '" class="input-xlarge" id="' + attrs.formId + '" name="' + attrs.formId + '" ' + required + '>' +
                  '</div>' +
               '</div>';
            element.html(htmlText);
         }
      }
   })