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

Question

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

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

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

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'
});