javascript - $scope プッシュが機能しない angularjs

Question

このコードに問題があります。

私のコントローラーにはこれがあります。

$scope.spiagge = [];
var distanza = function(info, posizione) {
        var request = {
            origin : posizione,
           destination : new google.maps.LatLng(info.latitudine, info.longitudine),
           travelMode : google.maps.TravelMode.DRIVING
       };
       directionsService.route(request, function(response, status) {
           if (status == google.maps.DirectionsStatus.OK) {
               //$scope.directionsDisplay.setDirections(response);

               info.distanza = response.routes[0].legs[0].distance.text;

               //distanza= response.routes[0].legs[0].distance.value/1000 ;
           }

        riempi(info);

    });
//riempi(info);
}
var riempi = function(spiaggia) {
    //alert("distanza " + spiaggia.distanza);
    $scope.spiagge.push(spiaggia);
}

riempi(info)directionService 関数の外に置くと、$scope.spiagge.pushなくても機能しinfo.distanzaます。info.distanzaこれは、が directionService のローカル変数であるためだと思います。ここのコードのように中に入れると、まったく機能しません。ただし、このriempi関数は、距離を含む info のすべての値を認識します。

どうすればいいのかわからない。これがビューです

<div class="lista_home" ng-repeat= "spiaggia in spiagge">
    <h1>{{spiaggia.nome}}</h1> <p>distanza {{spiaggia.distanza}} km </p>
  </div>

私の英語でごめんなさい。何か案が？

ありがとう。