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