在angularJS中更新用户名后刷新特定的DIV

时间:2013-08-29 12:05:55

标签: javascript jquery html angularjs page-refresh

我正在使用angularJS模型来编辑用户配置文件(使用ng-click)。编辑后,将在服务器(使用http POST)侧更新用户信息并获得成功回复。返回的数据将存储回播放器对象。

但是,除非刷新页面,否则我的用户编辑的配置文件不会立即更新。我使用ng-bind来显示用户的信息,但没有用。

我也尝试过使用,只使用jQuery刷新为单个div,其中包含用户的信息位也没用。

请告诉我。

谢谢大家。

播放器信息显示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")

};

0 个答案:

没有答案