ember.js - 如何为 ember View 分配静态 data- 属性？

Question

我需要为 Ember.View 分配一个静态 data- 属性，如何在 View 对象中而不是在 {{view }} 标记中设置它。

App.MessagesFormView = Ember.View.extend({
  tagName: 'div',
  classNames: ['modal', 'fade'],
  didInsertElement: function() {
    this.$().modal('show')
  },
  willDestroyElement: function() {
    this.$().modal('hide')
  },
})

Answer 1

不幸的是，我没有足够的声誉来评论 Ola 的答案，但我相信更好的方法是不使用字符串(引号中的文本)来表示数据属性属性名称。相反，以驼峰式命名法编写属性名称，Ember 会自动将其绑定(bind)到连字符的属性绑定(bind)。例如:

App.MessagesFormView = Ember.View.extend({
  tagName: 'div',
  attributeBindings: ['data-backdrop'], 
  dataBackdrop: 'static', // Binds to data-backdrop. Awesome!
});

我希望这是有道理的!