AngularJS数字输入和默认值

时间:2015-02-01 16:18:36

标签: javascript angularjs html5

我对AngularJS和数字输入有一个奇怪的问题。默认值将填充一秒,然后默认数字将消失。试过FX和Chrome。

从服务器返回的数据是:

{
    "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"
}

我在号码输入上也有一个ng-init="product.quantity=1",然后数字1闪烁然后消失。

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

为什么默认值会消失?

感谢。

1 个答案:

答案 0 :(得分:4)

可能是您的数据类型从服务器返回的问题,

{
    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"
}

您将quantity分配到number输入,但服务器将quantity作为string发送,如果您cast数据类型为int {1}}来自服务器,或将number输入更改为text即可。

所以,如果你选择int,那么数据应该是,

{
    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"
}