Question

我添加了一些新行，但我还想在数据库中更新新的行数据，但没有更新的数据如何获得新的行数据还添加地址JSON数组

 <tr ng-repeat="x in Profile.addresses"> 
     <td><input type="text" class="form-control" id="inputDefault" ng-model='x.site_name ' name='site_name'></td> 
     <td><input type="text" class="form-control" id="inputDefault" ng-model='x.street_address ' name='street_address'></td> 
    <td><input type="text" class="form-control" id="inputDefault" ng-model='x.city ' name='city'></td> 
    <td><input type="text" class="form-control" id="inputDefault" ng-model='x.state ' name='state'></td> 
<td><input type="text" class="form-control" id="inputDefault" ng-model='x.country ' name='country'></td> 

<tr ng-repeat="lines in array"> 

<td><input type="text" class="form-control" id="inputDefault" ng-model='x.site_name ' name='site_name'></td> 
    <td><input type="text" class="form-control" id="inputDefault" ng-model='x.street_address ' name='street_address'></td> 
    <td><input type="text" class="form-control" id="inputDefault" ng-model='x.city ' name='city'></td> 
    <td><input type="text" class="form-control" id="inputDefault" ng-model='x.state ' name='state'></td> 
    <td><input type="text" class="form-control" id="inputDefault" ng-model='x.country ' name='country'></td> 
<td><input type="text" class="form-control" id="inputDefault" ng-model='x.zip_code ' name='zip_code'></td> 
    <td><input type="text" class="form-control" id="inputDefault" ng-model='x.phone_number ' name='phone_number'></td> 

     </tr> 

<div class="col-md-2"> 

<a href="" data-toggle="tooltip" title="Add Address" ng-click="addRow()"><i class="fa fa-plus fa-2x cust_primary" aria-hidden="true"> 

Answer 1

在你的控制器中，创建一个计数器和一个数组。

$scope.i = 0; 
$scope.array = []; 

每当用户点击按钮，添加一个到柜台和创建阵列。

$scope.addRow = function() { 
    $scope.i++; 
    $scope.array = []; 
    for(var i = 0; i < $scope.i; i++) { 
     $scope.array.push(i); 
    } 
} 

在你的html中，只需重复基于该计数器的行。

<tr ng-repeat="lines in array"> 
    // Your tds 
</tr> 

编辑因为我无法理解你的英语，我会给你一个通用的答案。

你的控制器必须有对象

$scope.i = 0; 
$scope.array = [{ 
    id: 0, 
    address: 'address 1', 
    name: 'Jack Reacher' 
}, { 
    id: 1, 
    address: 'address 2', 
    name: 'Ethan Hawk' 
}]; 

的数组，那么你将略有改变你的addRow功能。

$scope.addRow = function() { 
    $scope.i++; 
    $scope.array = []; 
    for(var i = 0; i < $scope.i; i++) { 
     $scope.array.push({ 
      id: null, 
      address: '', 
      name: '' 
    }); 
    } 
} 

然后在你的HTML中使用它。

<tr ng-repeat="object in array"> 
    <td>{{object.id}}</td> 
    <td><input type="text" ng-model="object.address" /></td> 
    <td><input type="text" ng-model="object.name" /></td> 
</tr> 

如果你想保存它，您使用的$http请求。我会让你处理那部分。