如何获得用户'；s在网页上的位置和显示（angularjs）

我正在开发一个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>

你的位置：纬度
{{mylat}}//显示纬度
你的位置：经度
{{mylong}}//显示经度

将控制器中的$scope.nearme更改为以下代码

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

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

    });
  }
} 

---

我收到一个错误：Uncaught TypeError:无法设置UndefinedYou的属性'mylat'，请提供完整的代码或plunkr示例，这将帮助mw找到根本原因检查此plunker，您的导航器。地理位置将进行错误回调请检查此plunkr示例@Pramod_ParaYour navigator.geolconation将有一个成功和一个错误回调。您的代码永远不会进入成功回调，它将进入错误回调。因此，您无法在视图中看到值。