Làm cách nào để gán một thuộc tính dữ liệu tĩnh cho chế độ xem ember?

Question

Tôi cần phải gán một thuộc tính data-tĩnh cho một Ember.View, làm cách nào để thiết lập nó trong đối tượng View thay vì trong thẻ {{view }}.

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

Answer 1

này phải được thực hiện bằng cả một tài sản của đối tượng Ember.View attributeBindings và data-backdrop hoặc 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

Thật không may, tôi không có đủ uy tín để nhận xét về câu trả lời Ola, nhưng tôi tin rằng một cách tốt hơn một chút để làm điều này là không sử dụng một chuỗi (văn bản trong dấu ngoặc kép) để biểu thị sở hữu thuộc tính dữ liệu Tên. Thay vào đó, viết tên thuộc tính của bạn trong camelCase và Ember sẽ tự động liên kết nó với thuộc tính hyphenated. Ví dụ:

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

Tôi hy vọng điều đó có ý nghĩa!