Как передать данные из JavaScript-кода в пользовательский элемент Polymer?

Question

Я хочу передать данные, которые у меня есть на переменную, на компонент Polymer через атрибут.

Это код:

<script> 
    var item1 = { 
     title: "Title 1", 
     status: "accepted" 
    }; 
</script> 

<bm-card item="{{item1}}" otherAttribute="hello"> 

otherAttribute получает данные на пользовательский элемент, а пункт не приходит.

Как можно объект атрибут будет заселен из item1 переменная?

Answer 1

Для использования вне привязки данных из <polymer-element> вам нужно <template is="auto-binding">: https://www.polymer-project.org/docs/polymer/databinding-advanced.html#bindingoutside

Однако, вы можете просто установить свойство непосредственно в JS:

<bm-card otherAttribute="hello"> 

document.addEventListener('polymer-ready', function() { 
    document.querySelector('bm-card').item = item1; 
}); 

Причину вы должны ждать полимерцементного готово для обеспечения того, чтобы элемент обновился в DOM и определил его свойства/методы.