2014-11-15 18 views
6

Bir değişkendeki verileri bir Polimer bileşenine öznitelik yoluyla aktarmak istiyorum.JavaScript kodundaki veriler Polimer özel öğesine nasıl geçirilir?

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

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

otherAttribute özel öğede verileri alır ancak madde gelmezse:

Bu

kodudur.

Nasıl madde nitelik Öğe1 değişkenden doldurulması olabilir?

cevap

4

<polymer-element> veri bağlayıcı dışında kullanmak için <template is="auto-binding"> gerekir: https://www.polymer-project.org/docs/polymer/databinding-advanced.html#bindingoutside

Ancak, sadece js doğrudan özelliğini ayarlayabilirsiniz:

<bm-card otherAttribute="hello"> 

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

Eğer polimer-beklemek zorunda sebebi Hazır, öğenin DOM'da yükseltildiğinden emin olmak ve özellikleri/yöntemleri tanımlanmış olmaktır.

+0

Belgeleri ve testleri okuduktan sonra, verileri bir polimer öğesine iletmenin tek yolu JavaScript kullanıyor. Otomatik bağlama hala verileri göndermek için biraz JS'ye ihtiyaç duyar. – jordiburgos

+0

Evet, bir şeyin js dünyasını HTML dünyasına bağlaması gerekiyor. – ebidel

+0

AngularJS'de "automagically" yapılır, böyle bir şeyi tercih ederim. – jordiburgos

İlgili konular