ember.js - 如何将静态数据属性分配给 ember 视图？

Question

我需要为 Ember.View 分配一个静态数据属性，如何在 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 的答案，但我认为更好的方法是不使用字符串（引号中的文本）来表示数据属性属性名称。相反，在 camelCase 中写入您的属性名称，Ember 会自动将其绑定到连字符的属性绑定。例如：

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

我希望这是有道理的！

Answer 2

这必须使用Ember.View 对象的attributeBindingsand data-backdropor属性来完成。data-whatever

App.MessagesFormView = Ember.View.extend({
  tagName: 'div',
  classNames: ['modal', 'fade'],
  // Set a data attribute, of a view, requires both an attribute binding and
  // an attribute assignment
  attributeBindings: ['data-backdrop'],
  'data-backdrop': 'static',
  didInsertElement: function() {
    this.$().modal('show')
  },
  willDestroyElement: function() {
    this.$().modal('hide')
  },
})