Используйте служебную переменную от контроллера

Question

У меня проблема с моим приложением с использованием ионной. В моем Service.js у меня есть функция, которая извлекает мою позицию и в моем контроллере.js У меня есть функция, которая, когда я нажимаю кнопку на моей странице html, отправляю пользователя на другую страницу. Поэтому, когда я нажимаю кнопку, перед тем, как приложение отправит меня на другую страницу, мне бы хотелось, чтобы она запустила функцию в моем service.js (геолокации) и отправила мне только в том случае, если геолокация выполнена успешно.

Как это сделать?

Я думал, что могу сохранить переменную на 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

основной вопрос, кажется, б e факт, что вы не вводите свою фабрику position в свой контроллер MainCtrl.

Пожалуйста, прочитайте немного о зависимости инъекций в угловому:

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

Edit после комментариев:

Ok, я думаю, я понимаю вашу проблему а, немного лучше. Хороший и чистый способ сделать то, что вы хотите, это использовать promises. Функция positioning должна возвращать обещание. Таким образом, ваш контроллер узнает, найдено ли местоположение или нет.

Завод $cordovaGeolocation от ngCordova должен помочь вам это сделать (см. Пример для getCurrentPosition).

This tutorial может помочь вам благодаря "Создайте карту в своем приложении".