在ember Js中自动完成文本

Question

我是一个非常好的ember js.please看下面的url。

http://emberjs.jsbin.com/loqivasova/1/edit?html,css,js,output ..

此Url使用ember js显示两个下拉列表。 我想改变第一个下​​拉自动完成文本。 任何人都可以与ember js共享有关自动填充文本的有用链接

Answer 1

一种方法是将here中的jQuery-ui自动完成功能合并到Ember组件中。

App.XAutocompleteComponent = Ember.TextField.extend({
  autocomplete: function(){
    var availableTags = [
      "Java",
      "JavaScript",
    ];

    this.$().autocomplete({
      source: availableTags
    });
}.on('didInsertElement')

然后，您可以按照以下方式在模板中使用该组件：

{{ x-autocomplete value=result}}

jsbin here

上的完整示例