我正在使用Umbraco 7.4,并且创建了一个自定义Google Map属性编辑器,该编辑器在地图上启用了自动填充功能。
我在我的文档类型的google map属性下方创建了一个单独的标准textbox属性,当用户从google的自动完成功能中选择自动提示时,我会更新标准textbox属性的值,但是当我保存并发布节点时,该值实际上并未存储在文本框中。这很奇怪,因为如果我手动在文本框中输入文本并发布,它就可以很好地存储数据。我天生就是一个jQuery开发人员,所以我很惊讶地看到该语法在Angular控制器中起作用了……任何帮助将不胜感激!
我正在更新文本框值的事件监听器(最后一行)
autocomplete.addListener('place_changed', function () {
infowindow.close();
var place = autocomplete.getPlace();
if (!place.geometry) {
return;
}
var coords = new google.maps.LatLng(place.geometry.location.lat(), place.geometry.location.lng());
map.setCenter(coords);
// Set the position of the marker using the place ID and location.
marker.setPlace({
placeId: place.place_id,
location: coords
});
marker.setVisible(true);
infowindow.setContent('<div><strong>' + place.name + '</strong><br>' +
'Place ID: ' + place.place_id + '<br>' +
place.formatted_address);
infowindow.open(map, marker);
codeLatLng(coords, geocoder);
$('#googlePlaceID').val(place.place_id).text(place.place_id);
});
最佳答案
我想出了一种hacky解决方案,可以指导Angular看到文本是在另一个文本框属性编辑器上编写的,但是它可以工作。我将原始代码块的最后一行替换为:
$('#googlePlaceID').select().focus().val(place.place_id);
var e = document.getElementById('googlePlaceID');
var $e = angular.element(e);
$e.triggerHandler('input');