我正在使用 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")
};