2016-08-01 59 views
0

我在ajax請求未更新UI時出現問題。我需要手動刷新頁面。在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; 
     }, 



    }); 

任何幫助,將不勝感激。

回答

1

爲了你的情況來更新深屬性,你必須使用set方法,例如:https://jsfiddle.net/fLbf6uag/1/

+0

謝謝:

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

我使用這裏的隨機數發生器做出了表率非常。我想知道從哪裏獲得的文檔或教程。 –

+2

嗨,你可以在這裏查看:https://www.polymer-project.org/1.0/docs/devguide/data-binding#set-path解決方案也可以使用你的'this.commentaire.likes = e .detail.response' +'this.notify('commentaire.likes',this.commentaire.likes)',但'set'是一個更清潔的解決方案。 – stp18

相關問題