Ember js和自定义输入属性

Question

我刚刚开始使用Ember，我正在努力想弄清楚如何向Ember的TextField添加自定义属性以创建输入。通过Stack Overflow上回答的问题，我可以插入看起来像这样的自定义数据属性

<input type="text" data-something="something"/>

但我需要的是......

<input type="text" x-webkit-speech speech enabled data-something="something"/>

此外，使用jQuery UI的自动完成插件使其成为可重用的组件真是太棒了。

我到目前为止的模板代码......

//template file
<script type="text/x-handlebars" id="components/auto-complete">
    {{input type="text" placeholder="Search Something"  class="search smallsearch" }}
</script>

在这种情况下，我已经想出了如何实现x-webkit-speech。

Ember.TextField.reopen({
  attributeBindings: ['data-something', 'x-webkit-speech']
});

在我的模板中，

{{input value=something type="text" data-something="something" x-webkit-speech="speech"}}

这似乎很好用。我仍然想弄清楚如何将其用作jQuery UI Autocomplete的组件。将一些数据源标识符传递给它，并在服务器中搜索内容是非常棒的。