更新レコード現在のJSON配列が

Question

をangularjsに画像の下を参照してください 、私は私の現在のアドレスアレイに新しい行のデータを更新したいが、そのが更新していないが、私は、角度に新しいです、アレイの他のオブジェクトを追加

<tbody class="gradeX"> 
       <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> 
       <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 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> 
              </tr> 

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

最後の画像を見ます

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

コードスニペットをデータベースにテキストボックスの値を更新するために：

 $scope.updateProfile = function() {  

      $scope.tempObject={full_name:$scope.Profile.full_name, 
       mobile_number:$scope.Profile.mobile_number, 
      company_name:$scope.Profile.company_name, 
      designation: $scope.Profile.designation,  
      addresses: $scope.Profile.addresses, 
      payment_info: $scope.Profile.payment_info 

      }; 

    addresses: $scope.Profile.addresses, 

コードスニペットアドレスアレイに新しい行を追加します下の写真の

私は、空のテキストフィールドに新しい行を生成するためのボタン（+）をクリックします。

を行が表示されたら、私はいくつかのデータを入力します。

私は更新ボタン黄色が新しい行を強調表示します私は

私のページを更新した後のデータは、それが古いレコードを示し、シンプルで私の質問を保存しません。 Address配列を新しい行で更新するには？私が正しくあなたを理解していた場合

Answer 1

、あなただけの以下のような既存のアレイに新しいデータをプッシュする必要があります。

$scope.updateProfile = function(){ 
$scope.addresses.push($scope.form) 
$scope.form = {}; 
$scope.i = 0; 
} 

は、新しい行を収集するために、あなたのコントローラに$scope.form = {}を追加し、あなたのモデルを変更します新しい行に「フォーム」が表示されます。 +列名は次のようになります。

あなたは実際にあなたのデータベースに永久に追加する必要があります。

ここにはPlunker