javascript - ember Js 中的自动补全文本

Question

我是漂亮的 ember js 新手。请查看下面的网址。

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

此网址使用 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