javascript - angularJS でユーザー名を更新した後に特定の DIV を更新する

Question

angularJS モデルを使用してユーザー プロファイルを編集しています (ng-click を使用)。編集後、サーバー側（http POST を使用）でユーザー情報が更新され、成功の応答が返されます。返されたデータは、プレーヤー オブジェクトに保存されます。

ただし、ユーザーの編集したプロファイルは、ページが更新されない限りすぐには更新されません。ユーザーの情報を表示するために ng-bind を使用していますが、役に立ちません。

私はまた、ユーザーの情報ビットを含む単一のdivとして更新するためだけにjQueryを使用しようとしました。

私に助言してください。

皆さん、ありがとうございました。

プレーヤー情報表示 div (HTML):

<div class="span4" id="playerProfile">
    <image ng-src="{{player.gravatar}}"; width = 80px; height= 100px;/> <br> <br> 
    <div ng-model="player.nickname"style="text-align: center;" id="heading">{{<span ng-bind="player.nickname">}}</span></div>
    <br>
    <div class="row-fluid">
        <div class="span12">
           <button class="btn-small btn-primary span12" ng-click="show_panel()">Edit</button><br/>
        </div>
    </div>  
</div>

コントローラ コード (JS ファイル)

$scope.update_player_profile = function($event){  

    var data = {"nickname":$scope.player.nickname,
                "professional":$scope.player.professional,
                "about":$scope.player.about,
                "tags":$scope.player.tags,
                "gender":$scope.player.gender};

    $http.post("/jsonapi/update_player_profile", data)
        .success(function (data, status, headers, config) {
            window.console.log(data);
            $scope.player = data;
            console.log($scope.player.nickname)
        }).error(function (data, status, headers, config) {
            $scope.status = status;
        });          

    //$("playerProfile").load("profile")

};