如何為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

這必須使用attributeBindings綁定和data-backdrop或data-whatever Ember.View對象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')
  },
})