私は私のテーブルコードでPHPを使用してデータベースに更新機能を使用してレコードを更新することはできませんよ。ここで

Question

をangularjs：ここ

<tbody> 
     <tr ng-repeat="tabdata in tabledata"> 
       <td> 
        <div ng-hide="editdata[tabdata.id]">{{tabdata.name}}</div> 
        <div ng-show="editdata[tabdata.id]"><input type="text" ng-model="tabdata.name"></div> 
       </td> 
       <td> 
        <div ng-hide="editdata[tabdata.id]">{{tabdata.city}}</div> 
        <div ng-show="editdata[tabdata.id]"><input type="text" ng-model="tabdata.city"></div> 
       </td> 
       <td> 
        <button ng-hide="editdata[tabdata.id]" ng-click="edit(tabdata)">EDIT</button> 
        <button ng-show="editdata[tabdata.id]" ng-click="update(tabdata)">UPDATE</button> 
       </td> 
      </tr> 
      </tbody> 

が私のコードです：ここでは

var app=angular.module('myApp',[]); 
app.controller('myCtrl',['$scope','$http',function($scope,$http){ 

私が取得データベーステーブルからのデータ：

$http.get('fetch.php').success(function(data) { 
     $scope.tabledata = data; 
    }); 


    $scope.editdata={}; 

この関数は、編集ボタン用です：

$scope.edit=function(tabdata){ 
     $scope.editdata[tabdata.id]=true; 
    }; 

これは、更新ボタン用です：ここでは

$scope.update=function(tabdata) { 

     $scope.editdata[tabdata.id] = false; 

iは、データベースに値を更新するために、Ajaxのメソッドを呼び出す必要があります。 サービス機能も利用できますか？私は、編集ボタンをクリックすると、問題は、それが変更されたがその後れますされていることを

 $http({ 
      method:"post", 
      url:'fatch.php', 
      data:{ 

      } 
     }) 
    }; 
}]); 

と私は私のfetch.phpファイルに$入力を使用して、データベースの接続のためのORMファイルを使用していました。..いくつかの行データを編集すると、静的ページのデータだけが更新されます。そして、データベーステーブルも更新する必要があります。だからそれを行う方法？

SERVICE関数とAJAX呼び出しメソッドを使用してデータベーステーブルを更新する必要があります。どのようにそれもやっているアイデア？ここで

Answer 1

は、あなたのケースのためのソリューションです：あなたはあなたのケースでAjax呼び出しを必要としない

$scope.update=function(tabdata) { 

    $scope.editdata[tabdata.id] = false; 
    $http({ 
     method:"post", 
     url:'fetch.php', 
     data:{ 
       // your data to send 
     } 
    }).then(function(success){ 
     // refresh live your tabledata angularjs will do the job for you 
     $http.get('fetch.php').success(function(data) { 
      $scope.tabledata = data; 
     }); 
    }) 
} 

。