Number only validation in angularjs

In this blog we will learn that how we can make a input text field validate for only number (the input field takes only number).
Here are the steps: -
Step-1. Make an angular directive that take only numeric value to input.

 
myapp = angular.module("myapp", []);

myapp.directive('numbersOnly', function() {
   	return {
   		require: 'ngModel',
   		link: function(scope, element, attrs, modelCtrl) {
   			modelCtrl.$parsers.push(function(inputValue) {
   				if (inputValue == undefined) return ''
   				var onlyNumeric = inputValue.replace(/[^0-9]/g, '');
   				if (onlyNumeric != inputValue) {
   					modelCtrl.$setViewValue(onlyNumeric);
   					modelCtrl.$render();
   				}
   				return onlyNumeric;
   			});
   		}
   	};
   });

Step-2. Add this derective with your input field.
For example -

Now we can see that the input field 'phoneNumber' only takes numeric value.

Thanks