在Angular中使用谷歌自动完成功能
Google autocomplete in Angular
我在Angular中遇到了谷歌自动完成的问题。
结构是带有
的index.html我有一个页面显示在ng-view - road.html。
Road.html
<input id="locationFrom" type="text" class="form-control"/>
道路控制器: app.controller("roadMapController", function () {
var input = document.getElementById("locationFrom");
var autocomplete = new google.maps.places.Autocomplete(input);
}
我在控制台没有错误,输入得到额外的占位符"写位置…",但是当我打字时,没有提示,就像它应该是。
首先将依赖项添加到应用程序中:
angular.module('myApp', ['google.places']);
后var defaultBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(-33.8902, 151.1759),
new google.maps.LatLng(-33.8474, 151.2631));
var input = document.getElementById('locationFrom');
var options = {
bounds: defaultBounds,
types: ['establishment']
};
autocomplete = new google.maps.places.Autocomplete(input, options);
相关文章:
- Jquery表单插件未显示成功功能
- 成功:功能(数据);不使用命名函数
- 只有在前一个功能成功完成的情况下,我才能正确地启动此功能
- JQuery AJAX没有't获得成功回调功能
- 谷歌登录成功功能在我阻止第三方cookie时没有任何作用
- 成功提交 Web 表单后,Javascript 重置功能将不起作用
- 骨干.js:Save的成功功能根本不起作用
- 如何触发一个新的 X-Editable 从当前功能的成功函数中打开
- ajax内部访问类功能成功
- 如何检查PHP邮件功能是否成功,然后运行一个javascript代码
- Extjs 4上传成功功能没有反应
- 将显示功能应用于ajax成功创建的元素
- 包括成功/失败jQuery / Ajax功能
- 列表框上的EventListener在物品掉落后不再工作[所有javascript功能在成功掉落后停止]
- AJAX成功服务器端功能
- 为什么我不能用这个.贴出成功功能
- Gulp通知全局成功功能
- 如何添加成功功能?
- “成功”功能是如何运作的,我该如何模仿它
- AJAX的成功功能是有效的,但文件是't正在运行