AngularJS input type number with string model

Question

I am getting an error message due to an input field I have. It is of type "number" but the actual model is a string. Reason behind this is, that my ngModel value is used in other parts of the application.

However for just one Input Field I need to restrict this as only using numbers.

What is the easiest way to achieve this, without changing the type of ngModel.

I would create custom directive that works with numbers but doesn't change ngModel — Maxim Shoustin
– Maxim Shoustin, Commented Jun 1, 2017 at 11:10
You could cast the string to a number if and when it is for a number type input — Nugu
– Nugu, Commented Jun 1, 2017 at 11:13
Is this AngularJS or Angular? I mean, revise the naming and tags in your question accordingly based on what framework you are using :) — AVJT82
– AVJT82, Commented Jun 1, 2017 at 11:58

Diogo Machado · Accepted Answer · 2017-06-01 11:32:31Z

4

Do you can transform string to number:

$scope.age = parseInt(ageString);

At the HTML:

<input type="number" name="age" ng-model="age"/>

answered Jun 1, 2017 at 11:32

Diogo Machado

4294 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

AngularJS input type number with string model

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related