Google地圖自動完成InvalidValueError：不是HTMLInputElement的實例

Question

我已閱讀了幾個不同的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"任何和所有的意見，將不勝感激。

Answer 1

Ember.$('input')返回一個DOM元素;但谷歌的自動完成似乎要求HTMLInputElement你可以嘗試以下Ember.$('input')[0]它應該工作。