приемник событий place_changed не запускается в API Google Place - PullRequest
Новая
       7

приемник событий place_changed не запускается в API Google Place

0 голосов
/ 02 октября 2018

place_changed прослушиватель событий не работает.У меня есть поле ввода с идентификатором street_number.

<input type="text" class="form-control" ng-model="newLocation.Street__c" placeholder="Street" id="street_number">

Я хочу добавить прослушиватель событий в это поле.Но слушатель события не работает.Ниже мой связанный код.

$scope.placeSearch = null; 
$scope.autocompleteAssetLocation = null;
$scope.componentForm = {
    street_number: 'short_name',
    route: 'long_name',
    locality: 'long_name',
    administrative_area_level_1: 'short_name',
    country: 'long_name',
    postal_code: 'short_name'
};

$scope.initAutocomplete = function() {
    $scope.autocompleteAssetLocation = new google.maps.places.Autocomplete(($element.find('#street_number')[0]), { types: ['geocode'] });
    console.log($scope.autocompleteAssetLocation);
    $scope.autocompleteAssetLocation.addListener('place_changed', function () { $scope.fillInAddress('autocompleteAssetLocation','Street__c', 'Street__c','text') }); 
};

$scope.onMapLoaded = function(){
    $scope.mapLoaded = true;
    $scope.$apply();
}; 

$scope.fillInAddress = function (autoCompleteName, searchModelName, outputModelName, inputType) {

    console.log('DEBUG: Fill in address called at ' +Date.now());
    var streetNumber = '';
    var street = '';
    var city = '';
    var stateCode = '';
    var zipCode = '';

    var place = $scope[autoCompleteName].getPlace();
    console.log(place);

    if (!place) return;

    for (var i = 0; i < place.address_components.length; i++) {
        var addressType = place.address_components[i].types[0];
        switch (addressType) {
            case 'street_number':
                streetNumber = place.address_components[i]['short_name'];
                break;
            case 'route':
                street = place.address_components[i]['long_name'];
                break;
            case 'locality':
                city = place.address_components[i]['long_name'];
                break;
            case 'administrative_area_level_1':
                stateCode = place.address_components[i]['short_name'];
                break;
            case 'postal_code':
                zipCode = place.address_components[i]['short_name'];
                break;
        }
    }


    var fullAddress = null;

    if(inputType==='textarea'){
        fullAddress = (streetNumber ? streetNumber + ' ' : '')
        + (street ? street + '\n' : '')
        + (city ? city + ', ' : '')
        + (stateCode ? stateCode + ' ' : '')
        + (zipCode ? zipCode : '');


    }
    else{
        fullAddress = (streetNumber ? streetNumber + ' ' : '')
        + (street ? street + ', ' : '')
        + (city ? city + ', ' : '')
        + (stateCode ? stateCode + ' ' : '')
        + (zipCode ? zipCode : '');
    }


    $scope.newLocation[outputModelName] = fullAddress;
    $scope.$apply();
};

В чем здесь проблема?

...