URLのhttpリクエストの無限ループ

Question

これについて他の質問がありましたが、私は助けになりませんでした。

私はangularjsコントローラ内の機能があります。

$scope.getUser = function(id){ 
    ret = null; 
    $http.get('services/rest/users/' + id).then(
     function(response){ 
      ret = response.data.name; 
     }, 
     function(response){ 
     } 
    ) 
     return ret; 
} 

をそして私はHTMLでその関数を呼び出す：

<div ng-repeat = "move in moves">Player:<span> {{getUser(move.player_id)}} </span> - {{move.guess}} - {{move.answer}}</div> 

そして、これが'services/rest/users/' + idリクエストの無限ループを作成します。スコープ内のオブジェクトが常に変化しているときに、角度がこれを行うことができるのを見ましたが、私はここでこれを見ません。

Answer 1

アプローチが間違っています。

$httpは非同期であり、直接の非同期要求を行うビューの機能を使用しないでくださいgetUser()

から戻ったときretは常にnullになります。

代わりに、コントローラ（またはより良いまだサービス中）にすべてのmoves、リクエストプレイヤーデータを反復処理し、各move

function getUser(id) { 
    return $http.get('services/rest/users/' + id).then(function(response) { 
    return response.data.name; 
    }).catch(function() { 
    return 'Unknown Player'; 
    }) 
} 


angular.forEach($scope.moves, function(move){ 
    getUser(move.player_id).then(function(player){ 
     move.player = player; 
    }); 
}); 

ビューのプロパティとしてそれを追加します。

<div ng-repeat = "move in moves">Player:<span> {{move.player)}} </span>...</div>