A Pen by Secret Sam.

index.html

<section ng-app="myApp" ng-controller="MainCtrl">
  <h4 class="text-center">AngularJS Numeric Value Widget</h4>
  <div class="well entry">
    <label>Activity entry</label>
      <input type="text" ng-model="activityUnitValue" name="unitValue" integer="" numeric="" positive="">
  </div>
</section>

mazjA.markdown

mazjA

A Pen by Anonasaurus Rex on CodePen.

License.

script.js

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

app.controller('MainCtrl', function($scope) {
});

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

style.css

.entry {
  width: 300px;
  margin: 10px auto;
  text-align: center;
}