我实际上是在为一个阶段做一个应用程序,它必须是响应式设计。因此,它必须在手机,计算机和平板电脑上运行。对于这个应用程序,我需要使用谷歌 api 放置自动完成。这样做的问题是它不适用于移动设备,无论是 iOS 还是安卓......在另一个论坛上,我找到了一段代码,如下所示,应该可以解决此问题:
.directive('disableTap', function($timeout) {
return {
link: function() {
$timeout(function() {
// Find google places div
_.findIndex(angular.element(document.querySelectorAll('.pac-container')), function(container) {
// disable ionic data tab
container.setAttribute('data-tap-disabled', 'true');
// leave input field if google-address-entry is selected
container.onclick = function() {
document.getElementById('autocomplete').blur();
};
});
},500);
}
};
});
问题是我一生中从未使用过Angular JS,我现在没有时间学习它,也许在我完成应用程序之后......这个功能应该让它在移动设备上运行,但我不知道如何使用它。你们能帮我一把,解释一下如何在我的项目中插入这段代码以及如何使用它吗?我真的很需要,一些帮助将不胜感激。顺便说一句,我不是英语母语,所以如果你不明白我帖子中的某些内容,请告诉我我会试着说得更好^-^
我希望你能帮助我,谢谢:)
这在jQuery中应该是相同的,但你必须自己调整它。您还需要下划线.js库。希望这有帮助。
window.setTimeout(function() {
// Find google places div
_.findIndex($(document.querySelectorAll('.pac-container')), function(container) {
// disable ionic data tab
container.setAttribute('data-tap-disabled', 'true');
// leave input field if google-address-entry is selected
container.onclick = function() {
$('#autocomplete').blur();
};
});
},500);