使用服務變量的控制器

Question

我的應用程序使用離子時出現問題。在我的Service.js中，我有一個函數可以檢索我的位置，並在我的controller.js中有一個函數，當我按下我的html頁面中的按鈕時，將用戶發送到另一個頁面。所以，當我按下按鈕時，在應用程序發送給另一個頁面之前，我希望在我的service.js（geolocation）中啓動該函數，並且只有在地理位置成功時才發送給我。

我該怎麼做？

我想我可以在service.js上保存一個變量。如果函數進入onSuccess，我保存變量= 1，如果函數輸入錯誤，我保存變量= 0。但我不知道如何在我的控制器上使用此變量...

service.js：

.factory('position', function() { 
    return{ 
    positioning : function(){ 
    var geocoder; 
    geocoder = new google.maps.Geocoder(); 
    initialise = function() { 

     navigator.geolocation.getCurrentPosition(onSuccess, onError, { enableHighAccuracy : true, timeout : 5000, maximumAge : 0}); 
    function onSuccess(position){ 


     myLatlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
    } 
    function onError(error){ 
     alert('code: ' + error.code + '\n' + 
       'message: ' + error.message + '\n'); 
     cordova.plugins.settings.openSetting("open", function(){console.log("opened settings")},function(){console.log("failed to open nfc settings")}); 
    } 

    } 
    google.maps.event.addDomListener(window, 'load', initialise()); 

Controller.js：

.controller('MainCtrl', function($scope,$state, position) { 
    $scope.mappa=function(){ 
     $state.go('tab.mappa'); 
    position.positioning(); 

    } 
    $scope.dettagli=function(){ 
    $state.go('tab.dettagli'); 
    position.positioning(); 
    } 
    $scope.strada=function(){ 
    $state.go('tab.strada'); 
    position.positioning(); 
    } 
    $scope.segnalazioni=function(){ 
    $state.go('tab.segnalazioni'); 
    position.positioning(); 
    } 
    $scope.SOS=function(){ 
    $state.go('tab.sos'); 
    position.positioning(); 
    } 

html頁面：

<ion-view view-title="Home" ng-controller="MainCtrl"> 
    <ion-content class="padding"> 
    <div > 
    <!-- LA MIA POSIZIONE --> 
     <div class="max-width width-forty"> 
      <button class="button button-full button-royal" ng-click="mappa()"> 
       <table> 
       <tr><td><i class="fa fa-map fa-hx fa-inverse"></i></td></tr> 
       <tr><td class="button-text-map-sos">La mia posizione</td></tr> 
       </table> 
      </button> 
      </div> 
......... 
.......... 
......... 

Answer 1

當您使用ui-router時，您可以使用返回承諾並檢查地圖的服務來檢查位置，如果沒有位置則顯示錯誤，否則顯示錯誤。

.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider.state('home', { 
     url: '/', 
     templateUrl: 'page1.html', 
     controller: 'page1Ctrl' 
     }) 
     .state('map-view', { 
     url: '/map-view/:forceBad', 
     templateUrl: 'page2.html', 
     controller: 'page2Ctrl', 
     resolve: { 
      location: function(GeoLocation, $q, $stateParams) { 
      return GeoLocation.getLocation($stateParams.forceBad) 
       .then(function(_response) { 
       return _response; 
       }, function(_error) { 
       alert('error getting location') 
       return $q.reject("no location found"); 
       }); 
      } 
     } 
     }); 
    }) 

在我們傳遞一個標誌，以強制壞的或好的位置，這樣你可以看到在應用程序的兩條路徑路由

.controller('page1Ctrl', function($scope, $state) { 
    // click a button either force bad result or get good result 
    $scope.clicked = function(_forceBad) { 
     alert('clicked with forceBad ' + _forceBad); 
     $state.go('map-view', { 
     forceBad: _forceBad 
     }); 
    } 
    }) 

在服務樣本控制器，我們返回時forceBad設置錯誤到true

.service('GeoLocation', function($state, $q) { 
    return { 
     /** 
     * when passed true, the service will not return a location 
     */ 
     getLocation: function(_forceBad) { 
     var deferred = $q.defer(); 
     setTimeout(function() { 

      if (_forceBad === "true") { 
      return deferred.reject({ 
       type: 'error', 
      }); 
      } 
      return deferred.resolve({ 
      type: 'location', 
      lat: 100, 
      lng: -100 
      }) 
     }, 200); 
     return deferred.promise; 
     } 
    } 
    }) 

See complete codePen Here

Answer 2

的主要問題似乎是在F表明你沒有注入你的position工廠到你的MainCtrl控制器。

請閱讀角一些關於依賴注入：

• https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection
• https://docs.angularjs.org/guide/di

編輯點評後：

好吧，我想我明白你的問題好一點。 做你想做的事情的好方法是使用promises。 您的positioning函數應該返回一個承諾。這樣，你的控制器就會知道該位置是否被找到。

從ngCordova的$cordovaGeolocation工廠應該可以幫助您做到這一點（請參閱getCurrentPosition的示例）。

​​可以幫助您「在您的應用程序中創建地圖」部分。