在ajax響應之後更新用於聚合物中鐵形式的UI

我在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; 
     }, 



    });

任何幫助，將不勝感激。

來源

2016-08-01 Nice Books

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

來源

2016-08-01 20:45:36 stp18

謝謝：

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

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

嗨，你可以在這裏查看：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

在ajax響應之後更新用於聚合物中鐵形式的UI

回答

相關問題