Angular google Ort Auto-Vervollständigen funktioniert nicht

Question

ich verwendet Google die automatische Vervollständigung in meinem Projekt, es funktioniert in der lokalen Ordnung, aber nicht auf dem Server arbeiten, Hier ist mein Code

app.js

angular.module('MaterialApp', [ 
'ui.router', 'ngAnimate', 'ngMaterial', 
'ngSanitize', 'ui.sortable', 'base64', 
'angular-md5', 'blockUI', 'oc.lazyLoad', 
'ngMdIcons', 'md.data.table', 'highcharts-ng', 
'google.places', 'ui.calendar', 'ui.date', 
'easypiechart', 'ngFileUpload', 'ngCookies', 
"isoCurrency", "ngBootstrap", "datatables", "authService", "companyService" // "templatescache"]) 

Form .html

<div class="form-group group-pro"> 
        <div class="group-row col-sm-10 col-sm-push-1"> 
         <input class="form-control control-set" ng-model="campaign.location_data" name="location_data" type="text" g-places-autocomplete id="location_data" placeholder="Enter the location you want to target" force-selection="true" autocomplete="on" required=""/> 
         <div ng-show="createCampaignForm.$submitted || createCampaignForm.location_data.$touched" ng-model="createCampaignForm.location_data"> 
          <span ng-show="createCampaignForm.location_data.$error.required" class="text-danger">Please enter location data.</span> 
         </div> 
        </div> 
       </div> 

mein controller.js

$scope.$on('g-places-autocomplete:select', function (event, place) { 
      console.log(event); 
      console.log(place); 
      var componentForm = { 
       locality: 'city', //city 
       administrative_area_level_1: 'region', //state 
       country: 'country' //country 
      }, place_selection_val = []; 
      for (var cFKey in componentForm) { 
       $scope.campaign[componentForm[cFKey]] = null; 
      } 
      for (var i = 0; i < place.address_components.length; i++) { 
       var addressType = place.address_components[i].types[0]; 
       if (componentForm[addressType]) { 
        var val = place.address_components[i].short_name; 
        place_selection_val.push(val); 
        $scope.campaign[componentForm[addressType]] = val; 
       } 
      } 
      $scope.campaign.location_data = place_selection_val.join(', ').replace(/^\s+|\s+$/g, ''); 
     }); 

bitte helfen Sie mir, warum es nicht auf Server funktioniert.

Answer 1

Wenn Sie API-Schlüssel verwenden, stellen Sie sicher, dass Google Places API Web Service bei console.developers.google.com

Haben Sie Fehler erhalten, damit Sie in der Entwickler-Konsole zeigen könnte?

Ich nehme an, Sie sind mit

<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script> 

Zusätzlich würde ich den Dateipfad Ihrer Skriptdatei überprüfen, sobald es auf dem Server veröffentlicht wird

Answer 2

angular.module('MyTouchModule', ['ui.router', 'ngMaterial', 'ngMessages']) 

.config(function($mdGestureProvider) { 
    $mdGestureProvider.skipClickHijack(); 
}) 

Hallo Dies mir sehr geholfen. Google ziemlich lange dafür gegoogelt. Das Problem war mit dem Konflikt zwischen eckigen Material und Autocomplete-Ereignisbehandlung (Listeners). Dies sollte helfen.