AngularJS Broadcast Event

by santhosh lanka

HTML

<div ng-app="myApp">
    <div>
        <input type="text" ng-pattern="^[a-zA-Z0-9]*$" ng-model="message">
            <button ng-click="handleClick()">Broadcast</button>
    </div>
    
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> 
<script src="https://raw.github.com/SamWM/jQuery-Plugins/master/numeric/jquery.numeric.js"></script>
<style> .ng-invalid {
    border: 1px solid red;
}

JavaScript

// declare a module
var app = angular.module('myApp', []);

app.directive('numberMask', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            $(element).numeric();
        }
    }
});