Customizing the template within a Directive

by 
angular.module('formComponents', [])
  .directive('formInput', function() {
    return {
        restrict: 'E',
        compile: function(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.replaceWith(htmlText);
        }
    };
})

More Related Contents:

  1. Processing $http response in service
  2. Redirect a state to default substate with UI-Router in AngularJS
  3. How to select option in drop down protractorjs e2e tests
  4. How to run function in AngularJS controller on document ready?
  5. how to use Protractor on non angularjs website?
  6. AngularJS multiple filter with custom filter function
  7. AngularJS: Better way to watch for height change
  8. AngularJS group check box validation
  9. using AngularJS html5mode with nodeJS and Express
  10. Angularjs ui-router not reaching child controller
  11. AngularJS dynamic form field validation
  12. Angular.js. How to count ng-repeat iterations which satisfy the custom filter
  13. What is the difference between $routeProvider and $stateProvider?
  14. AngularJs and Facebook Comments
  15. CORS: credentials mode is ‘include’
  16. AngularJS CORS Issues
  17. Angular 1.5 component method templateUrl + function
  18. How to remove the hash # from the angularjs ng-route
  19. How to redirect to another page using AngularJS?
  20. Angularjs how to upload multipart form data and a file?
  21. Print a div using javascript in angularJS single page application
  22. How can I fix ‘Maximum call stack size exceeded’ AngularJS
  23. Directive is being rendered before promise is resolved
  24. Using HTML Entities within AngularJS strings
  25. Set-Cookie in HTTP header is ignored with AngularJS
  26. How to disable trimming of inputs in AngularJS?
  27. AngularJS using $rootScope as a data store
  28. AngularJS : factory $http service
  29. Make angular.forEach wait for promise after going to next object
  30. AngularJS promise is resolved before data is loaded

Leave a Comment