Разрешить привязку к любому атрибуту data- * на компоненте ember

Question

Я разрабатываю библиотеку, в которой я хотел бы предоставить пользователю любые атрибуты data, которые им могут понравиться.

{{my-component data-type='hello' data-name='world'}}

Я не знаю, впереди времени, data атрибуты они могут понравиться связываться с таким не может добавить их в attributeBindings массив.

Есть ли обходной путь для этого?

Answer 1

Используйте didReceiveAtts крюк компонента:

didReceiveAttrs(params){ 
    let newAttrs = params.newAttrs; 
    let attributeBindings = Ember.A(); 
    Object.keys(newAttrs).forEach((attr)=>{ 
    if(attr.indexOf('data-')>= 0){ 
     attributeBindings.pushObject(attr); 
    } 
    }); 
    this.set('attributeBindings', attributeBindings); 
} 

Посмотрите, что Sample twiddle

Обновлено, после устаревания:

Поскольку аргументы didReceiveAttrs функции устарели, необходимо изменить код в виде:

didReceiveAttrs(){ 
    let attributeBindings = Ember.A(); 
    Object.keys(this).forEach((attr)=>{ 
    if(attr.indexOf('data-')>= 0){ 
     attributeBindings.pushObject(attr); 
    } 
    }); 
    this.set('attributeBindings', attributeBindings); 
} 

См. updated twiddle.