角度jsでajaxリロード

Question

jsonから項目を生成するドロップダウンがあります。

`generalService.getUrlData('get_data') 
     .then(function(data){ 
      $scope.names = data.data; 
      for (var i=0; i < $scope.names.length; i++) { 
       var compn = $scope.names[i].NAME; 
       $scope.compname.push(compn); 
      } 
    });` 

私はtypeahedコンボボックスに、新たに入力されたデータを使用してDBへの新しいデータを入力したときに私の質問には、ドロップダウンリストに移入されていないされています。ページがリロードされた後に移入されます。送信ボタンがクリックされたときにajax呼び出しを再ロードする方法。ページをリロードすることなく、新しく入力した項目がドロップダウンに表示されます。

Answer 1

をシミュレートすることにより、新しい要求を回避することができます保存する新しいデータAPI呼び出しが成功したらgetUrlDataを呼び出します。

例：

function getAllUrlData() { 
    generalService.getUrlData('get_data') 
    .then(function(data){ 
     $scope.names = data.data; 
     for (var i=0; i < $scope.names.length; i++) { 
      var compn = $scope.names[i].NAME; 
      $scope.compname.push(compn); 
     } 
    }); 
} 

function save newData (new_data) { 
    generalService.veNewasUrlData('get_data') 
    .then(function(data){ 
     getAllUrlData() // fecth all data again when save data is success 
    }); 
} 

OR

再びgetAllUrlData機能を呼び出さないでください。新しいデータを保存するときは、新しいデータを$scope.compnameにプッシュするだけです。

$scope.compname.push(newData) // this will automatically come once reload. So no issues with temporary push 

Answer 2

サーバーからクライアントに新しいデータをロードする場合は、新しいhttp要求を呼び出す必要があります。あなたのデータは、単に消費者から入力された場合

、あなたはサーバー側更新

Answer 3

typeahedコンボボックスを使用してdbに新しいデータを入力したとき。ドロップダウンのgetdata APIを再度起動する必要があります。新しいデータの後に$route.reload()をtypeahedコンボボックスでdbに使用しますが、それはすべてのオンザフライ関数要求を呼び出します。