AngularJS number input and default value

Question

I have a weird issue with AngularJS and the number input. The default value will be populated for a second and then the default number disappears. Tried on FX and Chrome.

The data returned from the server is:

{
    "name":"Rodolfo Heller",
    "desc":"Et ullam autem iure. Facere non fuga sit. Dolorum reprehenderit voluptatem vero rem at in.",
    "sell":"44.44",
    "image":"xxxx",
    "id":"1",
    "quantity":"1"
}

I also have an ng-init="product.quantity=1" on the number input, yet the number 1 flashes then disappears.

<input type='number' min="1" step="1" class='form-control' ng-model="product.quantity" ng-init="product.quantity=1">

Any ideas why the default value disappears?

Thanks.

There are no comma in your json. Is your real server return, or is an error in a post ? — Karim BENHDECH
– Karim BENHDECH, Commented Feb 1, 2015 at 16:23
Ah sorry it is a copy and paste from the Chrome dev tools. Fixed now. — James Elliott
– James Elliott, Commented Feb 1, 2015 at 16:26
If you add {{product.quantity}} in your template. It happens the same thing ? — Karim BENHDECH
– Karim BENHDECH, Commented Feb 1, 2015 at 16:29
Can you make a jsfiddle as everything seems fine. Tested it here link — Bardh Lohaj
– Bardh Lohaj, Commented Feb 1, 2015 at 16:31

Kalhan · Accepted Answer · 2015-02-01 16:31:59Z

4

may be the issue with your datatypes return from the server,

{
    desc: "Et ullam autem iure. Facere non fuga sit. Dolorum reprehenderit voluptatem vero rem at in."
    id: "1"
    image: "hidden"
    name: "Rodolfo Heller"
    quantity: "1"                   // String value for quantity
    sell: "44.44"
}

your assign quantity in to a number input, But the the server sends the quantity as a string, if u cast the datatype to int from the server, or change number input to a text it will work.

so if you go with int then the data should be like,

{
    desc: "Et ullam autem iure. Facere non fuga sit. Dolorum reprehenderit voluptatem vero rem at in."
    id: "1"
    image: "hidden"
    name: "Rodolfo Heller"
    quantity: 1                   // int
    sell: "44.44"
}

answered Feb 1, 2015 at 16:31

Kalhan

21.9k8 gold badges71 silver badges96 bronze badges

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

Collectives™ on Stack Overflow

AngularJS number input and default value

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