静的データ属性をエムバービューにどのように割り当てますか？

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

これはEmber.ViewオブジェクトのattributeBindings及びdata-backdrop又は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') 
    }, 
}) 

Answer 2

残念ながら、私はオラの答えにコメントするのに十分な評判を持っていないが、私はこれを行うには、わずかに良い方法は、データ属性のプロパティを示すために、文字列（引用符内のテキスト）を使用しないことであると考えてい名。代わりに、あなたのプロパティ名をcamelCaseに書くとEmberはそれをハイフネーションされた属性バインディングに自動的にバインドします。例：

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

私はそれが理にかなっています！