Angularjs scope not update

Question

i try to set scope variables with geolocation lat and lon in this way:

navigator.geolocation.getCurrentPosition(onSuccess, onError);

var onSuccess = function(position) {
 console.log (position.coords.latitude);
 $scope.found.lat = position.coords.latitude;
 $scope.found.lng = position.coords.longitude;
};

Html i s very simple:

<div class="list">
    <div class="item item-body">
      <h2 class="rm-mr"><i class="ion-ios-location"></i>Your position</h2> 
      <div class="row">
        <div class="col">
            <p class="rm-mr">Lat. {{found.lat}}</p>
        </div>
        <div class="col">
            <p class="rm-mr">Long. {{found.lng}}</p>
        </div>
      </div> 
    </div>
</div>

Console log works fine, but scope variables don't update. How can i solve that?

Thanks in advance.

Post your html please =). Is the onSuccess function declared inside a controller? — Deividi Cavarzan
– Deividi Cavarzan, Commented May 31, 2016 at 14:01

musically_ut · Accepted Answer · 2016-05-31 14:05:54Z

2

This function is probably being called out of a digest loop.

In that case, calling $scope.$apply() in the function will fix the problem.

var onSuccess = function(position) {
 console.log (position.coords.latitude);
 $scope.found.lat = position.coords.latitude;
 $scope.found.lng = position.coords.longitude;
 $scope.$apply() // <-- Starts a digest loop.
};

edited May 31, 2016 at 14:05

answered May 31, 2016 at 14:01

musically_ut

34.3k9 gold badges98 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs scope not update

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related