Angularjs 在ng视图中将json字符串对象转换为整数

我正在尝试在ng视图中将json对象转换为整数：

json字符串：

$scope.json_arr = [{
                    'id': '1',
                    'name': 'abc'
                },
                {
                    'id': '2',
                    'name': 'xyz'
                }];

鉴于：

<ul ng-repeat="vals in json_arr">
    <li><input type="number" ng-model="vals.id" /></li>
    <li><input type="text" ng-model="vals.name" /></li>
</ul>

当我看到输出时，

id

对象的

value

为字符串，因此

number

字段变为空白

如何将字符串

'id'：'1'

转换为整数

试试看

Html端

<ul ng-repeat="vals in json_arr">
    <li> <input type="number" value="{{convertToInt(vals.id)}}"/></li>
    <li><input type="text" ng-model="vals.name" /> </li>
</ul>

这对我有用

试试看

Html端

<ul ng-repeat="vals in json_arr">
    <li> <input type="number" value="{{convertToInt(vals.id)}}"/></li>
    <li><input type="text" ng-model="vals.name" /> </li>
</ul>

这对我有用

---

使用

ng init

，每当数组中出现

ng repeat

的新元素时，此操作将运行，如果您这样使用它：

<ul ng-repeat="vals in json_arr" ng-init="parseId(vals)">
    <li><input type="number" ng-model="vals.id" /></li>
    <li><input type="text" ng-model="vals.name" /></li>
</ul>

---

使用

ng init

，每当数组中出现

ng repeat

的新元素时，此操作将运行，如果您这样使用它：

<ul ng-repeat="vals in json_arr" ng-init="parseId(vals)">
    <li><input type="number" ng-model="vals.id" /></li>
    <li><input type="text" ng-model="vals.name" /></li>
</ul>

---

如何使用

value

，应该是

ng model

对吗？但是您可以用另一种方式定义

ng model

。。它与您定义的

ng model=“vals.id”

相同。您能创建或更新我的plunker吗？这样我就可以清楚地了解情况，因为我尝试了您的代码，但对我无效：（我发布了新的plunker链接。@Jay请看一看是的，这是正确的，但当我编写

ng model=“vals.id”时

它不工作，并且没有

ng模型

我如何绑定文本框值当前范围？我如何使用

值

，它应该是

ng模型

对吗？但是你可以用另一种方式定义

ng模型

，

{property name}

。它与你定义的

ng model=“vals.id”相同

。你能创建或更新我的plunker吗？这样我就可以清楚地了解我的情况，因为我尝试过你的代码，但对我无效：（我发布了新的plunker链接。@Jay请看一看是的，这是正确的，但当我写

ng model=“vals.id”时

它不工作，并且没有

ng型号

如何将文本框值绑定到当前范围？？