AngularJS input type=number default value

Question

New to Angular, and have this simple issue cannot get resolved: I have this html

<input type="number" max="20" step="0.1" name="est_mpg" id="est_mpg" data-ng-model="est.mpg" class="form-control" value="5.00" />

I cannot get default value to show up, what happens it flashes and than disappears, so the box is empty, and i can tick up/down from default min value. It worked fine until I turned the input to type="number" from text.

Ivan Chernykh · Accepted Answer · 2014-03-01 18:23:31Z

16

Use GruffBunny' solution or as an alternative use ng-init instead of value:

 ng-init="est.mpg=5.00"

Fiddle: http://jsfiddle.net/aY8rE/

answered Mar 1, 2014 at 18:23

Ivan Chernykh

42.2k13 gold badges136 silver badges148 bronze badges

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

Comments

Gruff Bunny · Accepted Answer · 2019-05-24 14:40:36Z

7

Default the value of est.mpg to 5.00 in the controller and remove the value attribute.

edited May 24, 2019 at 14:40

answered Mar 1, 2014 at 18:11

Gruff Bunny

28k10 gold badges74 silver badges61 bronze badges

Collectives™ on Stack Overflow

AngularJS input type=number default value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related