AngularJS <input> with type set to 'number', how to force a initial display of value to a non-number string

Question

I am wondering using Angular, if the <input> has 'type' set to 'number', can you force a initial display of a non-number string if ng-model is initialized to certain number (0 in my example)?

My example code is here: http://plnkr.co/edit/TwraJlxZSd3TeSYscExq?p=info

This topic is related to: [1]: 'AngularJS directives to hide zero when <input> is initially loaded to the DOM'

and: [2]: 'Hide Value in input when it's zero in angular Js'

I don't think so. I had a similar problem and my solution was to parse the string into an integer. — James Brierley
– James Brierley, Commented Aug 5, 2015 at 16:35
Please bring your code into the question itself, so people in the future, should "plnkr" die (or just temporarily fall over), can still see the relevant code, understand the question and learn from the answers. We only need the minimal code in order to visualise and recreate your problem. — David Thomas
– David Thomas, Commented Aug 5, 2015 at 16:45

Santhakumar P · Accepted Answer · 2015-08-05 17:06:02Z

1

The following directive will solve your problem,


app.directive('hideZero', function() {
    return {
      link: function(scope, element, attrs) {
        var modelName = attrs.ngModel;
        scope.$watch(modelName, function(newVal, oldVal){
          if(newVal === 0) {
            element[0].value = null;
            scope[modelName] = null;
          }
        });
      }
    };
})

answered Aug 5, 2015 at 17:06

Santhakumar P

512 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS <input> with type set to 'number', how to force a initial display of value to a non-number string

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related