2017-01-23 5 views
0

私が機能していページを更新する方法:()がtrueを完全に場所を変更して、角度のjsに

$scope.insert = function(){ 
    var data = { 
     'username' : $scope.username, 
     'password' : $scope.password, 
     'nama_lengkap' : $scope.nama_lengkap 
    } 

    $http({ 
     method: 'POST', 
     url: './sys/mac.php', 
     data : data 
    }).then(function(response){ 
     return response.data; 
    }); 
} 

と機能の作業を、私はデータリストに自分のページの変更をしたいし、挿入後にデータ・リストリフレッシュ。私の関数insert()は "localhost/learn /#!/ administrator"というルートで実行されるので、insert()trueの後に "localhost/learn /#!/"私はlocation.href = '#!/'を使用しましたが、データのリストを自動的にリフレッシュするためには機能せず、場所を変更するだけです。

+0

変更する必要があるものが実際に表示されるように、更新する構造を転記する必要があります。 –

答えて

0

サービスコールからオブジェクトを更新する場合は、次の操作を実行できます。デバッグに役立つonError関数も追加しました。

ヒント:AngularJSフレームワークが提供するServiceにサービスコールを追加して調査します。メンテナンス可能で構造化されたコードを書くのに役立ちます。

$scope.objectToUpdate; 
$scope.insert = function(){ 
    var data = { 
     'username' : $scope.username, 
     'password' : $scope.password, 
     'nama_lengkap' : $scope.nama_lengkap 
    } 

    $http({ 
     method: 'POST', 
     url: './sys/mac.php', 
     data : data 
    }).then(function(response){ 
     $scope.objectToUpdate = response.data.d; 
    }, function(e){ 
     alert(e); //catch error 
    }); 
    } 

オプションサービス

以下

その後、あなたのコントローラ、または任意のコントローラからこのサービスを呼び出すサーバが

app.service('dataService', function ($http) { 
    delete $http.defaults.headers.common['X-Requested-With']; 
    this.getData = function (url, data) { 
     // $http() returns a $promise that we can add handlers with .then() in controller 
     return $http({ 
      method: 'POST', 
      url: './sys/' + url + '.php', 
      dataType: 'json', 
      data: data, 
      headers: { 'Content-Type': 'application/json; charset=utf-8' } 
     }); 
    }; 
}); 

を呼び出しを行うために角度サービスを利用する方法の例です注入するDataService

var data = { 
      'username' : $scope.username, 
      'password' : $scope.password, 
      'nama_lengkap' : $scope.nama_lengkap 
     } 
dataService.getData('mac', data).then(function (e) { 
    $scope.objectToUpdate = e.data.d; 
}, function (error) { 
    alert(error); 
}); 
+0

が記載されています..ありがとう。 –

+0

チップがありがとう、 –

+0

問題がない場合は、答えが正しいとマークしてください。 –