ポリマーでアイアンフォームのajaxレスポンス後にUIを更新します

Question

ajaxリクエストでUIが更新されない問題があります。ページを手動で更新する必要があります。

基本的には同じボタンです。押すと、好きな人の数が増えるはずです。 HTTPリクエストとレスポンスは正常に動作しています。しかし値{{commentaire.likes}}はすぐには更新されません。

<template> 
    <form is="iron-form" id="likeForm" method="post" action="/like/{{commentaire.heure}}" on-click="submitLike" on-iron-form-response="augmenterLikes"> 
     <paper-button raised>{{commentaire.likes}} J'aime</paper-button>   
    </form> 

</template> 

<script> 


    Polymer({ 

     is: 'my-comment', 
     properties: { 
      commentaire : { 
       type: Object, 
       value: {},     
      }, 
     }, 

     augmenterLikes: function(e) { 
      this.commentaire.likes = e.detail.response; 
     }, 



    }); 

助けてください。

Answer 1

、あなたの場合には例えば、set方法を使用する必要があり、深い性質更新するために：私はここで乱数ジェネレータを使用した例を作った

this.set('commentaire.likes', e.detail.response); 

を：https://jsfiddle.net/fLbf6uag/1/