我不能夠使用更新功能到數據庫中使用PHP來更新記錄和angularjs

Question

這裏是我的表碼：

<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; 

在這裏，我要調用的AJAX方法的值更新到數據庫中。 或者我們也可以使用服務功能嗎？

，我不得不使用使用$輸入我的fetch.php文件數據庫的連接ORM文件..

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

      } 
     }) 
    }; 
}]); 

的問題是，當我在編輯按鈕點擊它會被修改，但之後，當我編輯一些行數據時，它只會更新靜態頁面中的數據。我也必須更新我的數據庫表。那麼該怎麼做呢？

我必須使用SERVICE函數和AJAX調用方法更新我的數據庫表。任何想法如何呢？

Answer 1

這裏是你的情況的解決方案：

$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; 
     }); 
    }) 
} 

你不需要在你的情況Ajax調用。