如何獲取用戶的位置和顯示在angularjs網頁

Question

我正在一個angularjs web應用程序，我需要獲取用戶的位置（經度和緯度）。這是在控制器文件中的代碼：作爲值被印刷在控制檯上

var mylat= 0; var mylong = 0; 
$scope.nearme = function($scope) { 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(function (position) { 

       mylat = position.coords.latitude; 
       mylong = position.coords.longitude; 
       console.log(mylat); 
       console.log(mylong); 
     }); 
    } 
} 

此代碼工作正常。 如何在以下列方式將網頁上顯示這些值：

<table> 
    <tr> 
    <td>Your Location: Latitude</td> 
    <td>{{mylat}}</td> //show latitude 
    </tr> 
    <tr> 
    <td>Your Location: longitude</td> 
    <td>{{mylong}}</td> //show longitude 
    </tr> 
</table> 

Answer 1

在控制器更改$ scope.nearme下面的代碼。

$scope.nearme = function() { 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(function (position) { 

      $scope.mylat = position.coords.latitude; 
      $scope.mylong = position.coords.longitude; 

    }); 
    } 
}