Google Maps Autocomplete InvalidValueError：不是 HTMLInputElement 的实例答案

【问题标题】：Google Maps Autocomplete InvalidValueError: not an instance of HTMLInputElementGoogle Maps Autocomplete InvalidValueError：不是 HTMLInputElement 的实例
【发布时间】：2017-11-25 03:50:57
【问题描述】：

我已经阅读了几个不同的 S.O.关于这个的问题，并且无法找到任何表明我可能在这里遗漏的东西。我对 Ember 很陌生，所以我可能把这段代码放在了错误的地方。无论如何，这就是我所拥有的：

../components/auto-complete.js

import Ember from 'ember';

export default Ember.Component.extend({
  didRender: function(){
    var defaultBounds = new google.maps.LatLngBounds(
      new google.maps.LatLng(-90, -180),
      new google.maps.LatLng(90, 180)
    );
    var options = {
      bounds: defaultBounds
    }
    var i = Ember.$('input');
    var autocomplete = new google.maps.places.Autocomplete(i, options);
  }
});

../components/auto-complete.hbs

<input id="input-user" class="controls" type="text" placeholder="Location"
          onfocus="autocomplete">

My console output

我查看了教程、文档等，这里似乎没有太大的错误余地。我也尝试过不使用 onfocus="autocomplete" 任何和所有建议将不胜感激。

【问题讨论】：

标签： javascript html google-maps ember.js google-api

【解决方案1】：

Ember.$('input') 返回一个 DOM 元素；但谷歌的自动完成功能似乎需要HTMLInputElement，您可以尝试以下Ember.$('input')[0]，它应该可以工作。

【讨论】：