AngularJS Live Example

by redoak2000

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.8/angular.js"></script>
<div ng-app="HelloApp">
    <input type="text" ng-model="name" uppercased/> {{name}}        
</div>

JavaScript

angular.module('components', [])
   .directive('uppercased', function() {
    return {
        require: 'ngModel',        
        link: function(scope, element, attrs, modelCtrl) {
            modelCtrl.$parsers.push(function(input) {
                return input ? input.toUpperCase() : "";
            });
            element.css("text-transform","uppercase");
        }
    };
});

angular.module('HelloApp', ['components'])