除了classNames＆amp; tagName，其他属性可以绑定到ember组件吗？

Question

我正在将以下块变成ember组件：

<div class="my-class" style="background-image: url('img.jpg')">
  <!-- content -->
</div>

虽然我可以定义主要元素的className，但似乎没有在组件的主元素中添加其他属性的默认方式吗？

export default Ember.Component.extend({
  classNames: ['my-class'],
  someStyle: 'some style'
})

我当前的解决方法将所有内容包装在组件模板中，组件模板输出如下的html：

<div id="ember123" class="ember-view">
  <div class="my-class" style="some style">
      <!-- content -->
  </div>
</div>

我想知道是否有办法将属性绑定到组件的主要元素，因此输出类似于：

<div id="ember123" class="ember-view my-class" style="some style">
    <!-- content -->
</div>

Answer 1

是的，你可以。您指定attributeBindings

export default Ember.Component.extend({
  classNames: ['my-class'],
  attributeBindings: ['someStyle:style'],
  someStyle: 'some style'
});