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

Question

我正在将以下块制作为余烬组件：

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