如何使用vanilla js更新聚合物元素的数据(dom)?

时间:2016-03-07 19:56:04

标签: javascript polymer

我有以下聚合物元素:

<acre-faq id="faq"></acre-faq>

enter image description here

使用以下数据:

var seedElement = document.querySelector('#faq');
seedElement.questions = [{votes: number, question: string, 
               answers: [{answer: string, author: string, date: string}]}]

当用户点击投票事件时,我想更改点击项目中的数据:

 seedElement.addEventListener("acre-faq-up",function(e){
             e.detail.item.votes = e.detail.item.votes+1;
         });

但DOM没有更新,有没有办法在不使用其他聚合物元素来操作数据的情况下这样做?

元素代码:http://pastebin.com/g27DiWuE

1 个答案:

答案 0 :(得分:0)

当您更改Polymer元素绑定到的数据时,需要使用Polymer API for Polymer来识别更改,例如

set('prop.val.subval', newVal);

另见https://www.polymer-project.org/1.0/docs/devguide/data-binding.html#set-path