AngularJS中带有Array对象的动态模型

时间:2017-07-13 15:02:19

标签: angularjs multidimensional-array dynamic-arrays

我以下面的格式保存我的数据

$scope.data = {
   name:'abc',
   Address:[{
     Address1:'XXXX',
     state:'XXXX',
     County:'XXXX'
   }]
}


<input type="text" class="form-control" name="Address1" ng-model="data.Address[0][Address1]">
<input type="text" class="form-control" name="state" ng-model="data.Address[1][State]">
<input type="text" class="form-control" name="County" ng-model="data.Address[2][County]">

在检索数据时,我收到以下格式的数据:

$scope.data = {
   name:'abc',
   Address:[{
     state:'XXXX',
     County:'XXXX'
   }]
}

其中一个数组对象(Address1)缺失,因此即使数据可用,我也无法更新表单模型。有没有解决上述问题的解决方法?

1 个答案:

答案 0 :(得分:0)

将输入模型更改为索引0,因为这是您要定位的数组项。之后更改您对.表示法的引用,而不是使用括号[]。您可以使用括号,但请确保使用括号,例如data.Address[0]['Address1']。但这里没有必要。另外:

<input type="text" name="Address1" ng-model="data.Address[0].Address1">
<input type="text" name="state" ng-model="data.Address[0].state">
<input type="text" name="County" ng-model="data.Address[0].County">

(为简单起见删除了类)

(您使用的是state还是State?)