-1
我有这个指令在AngularJS现在我想将其转换成角:AngularJS到角指令转换
angular.module('mobApp.services').
directive('googlePlaces', function(ShareObjectService){
var googlePlaceComponents = {
street_number: 'short_name',
route: 'long_name',
locality: 'long_name',
administrative_area_level_1: 'long_name',
sublocality_level_2: 'long_name',
country: 'long_name',
postal_code: 'short_name',
sublocality_level_1: 'long_name'
};
return {
restrict:'E',
replace:true,
template: '<input id="google_places_ac" name="google_places_ac" type="text" class="input-block-level"/>',
link: function(scope, elm, attrs){
var autocomplete = new google.maps.places.Autocomplete($("#google_places_ac")[0], {});
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
// console.log(place.formatted_address);
console.log(JSON.stringify(place));
var addressObject = {};
addressObject['formatted_address'] = place.formatted_address;
addressObject['lat'] = place.geometry.location.lat();
addressObject['lng'] = place.geometry.location.lng();
for (var i = 0; i < place.address_components.length; i++) {
var addressType = place.address_components[i].types[0];
if (googlePlaceComponents[addressType]) {
addressObject[addressType] = place.address_components[i][googlePlaceComponents[addressType]];
}
}
ShareObjectService.setGooglePlace(addressObject);
});
}
}
});
,我用它喜欢:
<google-places location=location></google-places>
我怎么能这个整体转换东西变成Angular?
ho在html中调用此代码 – manish
您可以在另一个组件中使用它: googlePlaces>。 –
可以请你分享你在上面的代码中提到的服务文件 – Muthupriya