ng-model不加载初始数据

Question

我正在制作一个计算一件家具的体积的应用程序。在表单中将高度，宽度和深度绑定到输入元素。

像这样。

<input class="form-control" type="number" name="input" 
       ng-model="data.size.height" ng-minlength="1.0" ng-maxlength="2.0" 
       min="1.0" max="2.0" step="0.01" required>

问题是输入元素不会加载初始数据模型。 如果用户更改了值，则更新模型但值不正确。

该示例使用ui-router bootstrap ui-bootstrap

这是代码。 http://plnkr.co/edit/QuVuyh?p=preview

Answer 1

感谢Blackhole评论我可以解决问题。

取代：

{
    "id":"1234",
    "size": {
        "width": "0.70",
        "height": "1.40",
        "deep": "0.64"
    }
} 

有了这个：

{
    "id":"1234",
    "size": {
        "width": 0.70,
        "height": 1.40,
        "deep": 0.64
    }
}